[id_[]]

网页是网站的组成基础, 包含图像, 文本, 动态影像等成分, 我们日常接触的网页, 多数是以.htm或.html作为文件后缀, 这类文件属于HTML文档, 制作这类文档必须借助HTML技术, 所以如果要构建网站, 需先掌握HTML的基本操作方法

HTML入门指导 包含基本元素 文本修饰符号 表格构建符号 清单符号 数据输入符号 通用字符编码对照表 HTML核心概念是什么

HTML的完整表述是Hyper Text，其对应的中文译名为超文本标记语言，这被视作网页制作领域最根本的编程工具，必须留意的是，HTML并非编程语言，而是归类为标记语言

HTML语法规范

1.HTML标签是由尖括号包围的关键字,比如
HTML标记元素一般以两个部分构成,一个用于开启,一个用于闭合,即成对使用,例如
3.有些特殊的标签必须是单个标签,也就是单标签,比如

4.双标签可以分为两类: 包含关系和并列关系

结构标签

每页都设有基础标签体系，页面可见部分须置于体系标签之内

第一个页面

	
		
		
	
	
		第一个页面
	

字符集

字符集是一种数据结构, 它包含了大量的单个字符, 目的是让机器可以理解并保存不同的书写符号

在head元素中, 能够借助meta元素的特性来设定HTML文件应当采用何种字符集

常见的编码格式包括 GBK 和 UTF-8, UTF-8 也称作国际码, 该编码能够涵盖全球各国所需的所有字符, 是应用最为广泛的字符体系之一

基础标签

h1-h6 标题标签

标签介绍

h是单词 head的简称, 代表头部, 也可以指标题, 经常用于标题部分, 并且按照重要性由高到低排列, 其中 h1的级别最高, h6的级别最低

标签实例

一级标签
二级标签
三级标签
四级标签
五级标签
六级标签

p 段落标签

标签介绍

p是段落这个概念的简写, 表示一个分节, 经常用来标示段落, 能够把整个页面划分成多个部分

标签实例

	
第一个段落
	
第二个段落

br 换行标签

标签介绍

br是break单词的简称, 有中断的含义, 换行是它的功能之一, 屏幕上的文字需填满最右侧才会自动换行, 若要强制文本断行, 可选用br标记来实现换行

标签实例

	第一行

	第二行

div 标签

标签介绍

div是单词的简称，代表分割和分区，没有特别含义，经常用于容纳内容，需要注意的是，div标签会单独占据一行，也就是说每一行只能放置一个div元素

标签实例

		
div标签独占一行
		
div标签独占一行

span 标签

标签介绍

span代表延伸距离,其意义并不特殊,通常用于承载信息,跟div存在差异,一行中能够容纳好几个span元素

标签实例

    span标签_1
    span标签_2

img 图片标签

标签介绍

img为image单词的简称，指代图像，通常用于标示网页内的图形内容

标签属性

标签实例

a 超链接标签

标签介绍

a为单词的简写,代表锚点,能够实现从一页跳转到另一页的功能

标签属性

标签实例

超链接

点击超链接标签后, 在新页面中打开百度的网站

文本格式化标签

标签实例

    加粗

    斜体

    删除线

    下划线

表格标签

标签介绍

表格主要用来呈现信息, 能够使信息排列得十分规整, 增强理解程度, 一个简明的表格能够把复杂的信息表达得井井有条, 需要留意的是 表格专长于信息呈现而非页面排版, 页面排版宜采用 div 或 span 等元素

标签实例

    

        
姓名
        
年龄
    
    

        
张三
        
18
    
    

        
李四
        
19
    

列表标签

标签介绍

列表标记能够让信息以条列方式呈现出来, 增强了信息的可理解程度, 使信息的排列更加整齐有序, 也更加赏心悦目。

清单包含两种类型, 一种按次序排列, 另一种则没有先后之分, 后者常借助符号标示条目, 前者则能标明各条目的排列次第

标签实例

无序列表的列表项没有顺序, 常用于展示不关心顺序的数据

    
无序列表项1
    
无序列表项2

有序列表的列表项会显示排序, 以此来提高数据的可读性

    
有序列表项1
    
有序列表项2

自定义列表可以展示多级信息, 以此来达到分类的效果

    
分类1
    
分类项1
    
分类项1
    
分类2
    
分类项2
    
分类项2

表单标签

表单标签常用于跟客户进行交互, 收集用户信息

form 表单

标签介绍

表单标签用于设立一个数据录入区域, 当内容发送出去后, 该区域内所有的信息项目会合并成单个单元传送给主机端

标签属性

input 输入框

表单属性

input 常用属性

标签实例

    

        用户名:

        密码:

        性别:男
        女

        爱好:苹果
        香蕉

        籍贯:
        		山东
        		北京
        	

        上传头像:

        留言:

        
        
    

HTML特殊字符对照表

HTML里部分符号具有特殊含义, 不能直接输入, 所以要通过编码形式来呈现

学习网络安全技术的方法无非三种:

第一种是报网络安全专业，现在称作网络空间安全专业，主要专业课程有：程序设计，计算机组成原理，数据结构，操作系统原理，数据库系统，计算机网络，人工智能，自然语言处理，社会计算，网络安全法律法规，网络安全，内容安全，数字取证，机器学习，多媒体技术，信息检索，舆情分析等。

另一种途径是自主钻研，需要在线搜寻资料、查找指导，或者设法结识几位经验丰富的前辈，寻求他们的帮助，但这种方式非常耗时，而且学习过程缺乏系统性，或许会让人长时间感受不到成长，从而产生放弃的念头。

网络安全学习路线