HTML前端知识

一、课程介绍说明#

1) HTML 语言概念介绍
2) HTML 语言代码编写

二、课程梳理回顾#

1) 网络安全课程介绍 3 个月时间
2) 网络安全法律法规
3) 网络安全基础知识 名词介绍
4) 网络安全病毒编写 bat 批处理文件
5) 网络安全基础防护

三、HTML 语言概念介绍#

为了编写网页信息
1) HTML 代码语言作用
2) HTML 代码基本编写方法
3) HTML 代码编写练习
windows 系统特点：识别文件类型时，会根据文件扩展名称进行识别

四、 HTML 语言代码编写方法:#

4.1 HTML 元素概念#

• HTML 元素就是预定义好的一些标签，不同标签有不同功能作用 <b> <table> <title>
• HTML 元素属性，对指定元素进行扩展功能配置
• PS: 编写 HTML 代码信息时，文件中一定不能出现中文符号信息

4.2 HTML 基本标签信息：基本元素信息#

• <p></p> — 段落标签可以自动换行，段落之间会有间距
• <hn></hn> — 设置标题信息，一般标题信息的范围 是 n=1~6
• <br> — 设置字符内容中换行信息
• <!-- This is a comment --> — 在指定代码位置添加注释说明信息，注释信息不会显示在页面上
• 元素属性:align="center" — 设置字符信息居中显示 center / 局右显示 right / 居左显示 left

4.3 HTML 格式设置方法#

• <strong></strong> — 将指定字符串信息进行加粗处理
• <pre></pre> — 将代码编写的格式信息，呈现在页面上 (主要可以控制换行和空格信息)
• <address><address> — 定义一些地址描述信息，主要会以斜体方式进行显示
• <blockquote></blockquote> — 表示对指定内容进行缩进显示
• <del></del> — 将指定信息删除，用一个横线划除
• <ins></ins> — 将指定信息插入，用下划线进行标记

4.4 HTML 实体化介绍#

• 如果想让一些特殊符号信息，直接在页面显示，就需要进行实体化处理

4.5 HTML 超链接:#

• <a href="http://www.microsoft.com/">This text</a>
  将指定文件做超链接处理
• <a href="lastpage.htm"><img border="0" src=".\images\next.gif"></a>
  将指定图片做超链接处理
• 标签属性:
  target="_blank" : 在原有窗口链接时，新开启一个窗口进行显示

4.6 HTML 框架:#

• 将浏览器页面进行拆分出多个不断页面，便于对页面信息的编写
  利用框架可以将多个信息进行整合

4.7 HTML 表格#

• <table><table> — 创建表格信息
• <tr> — 表格行信息
• <td> — 表格列信息
• <th> — 表格头部信息
• 标签属性:border — 设置表格边框 实现显示边框 虚线显示边框

4.8 HTML 列表功能#

• <ul></ul> — 生成列表信息标签 - 无序
• type="square" — 无序列表前的一个符号信息
• <ol></ol> — 生成列表信息标签 - 有序
• <dl></dl> — 自定义列表内容信息
  作用说明：编写菜单功能 编写目录结构功能

4.9 HTTML 表单信息:#

可以生成输入框内容，在输入框中可以填写信息，最后可以用于向后端服务进行提交

• <form></form> — 设置表单标签信息
• <input type="text" name="user"> — 设置表单输入框

作者：陈婷

日期：2020 年 9 月 20 日

本作品采用《CC 协议》，转载必须注明作者和本文链接