注:本文所用到的标签大部分多打了一个空格,原因是在CSDN编辑平台上相关代码会被自动识别成html语言,不利于读者理解,请谅解,谢谢!
HTML前端基础
网页
是图片、链接、文字、声音、视频等元素组成,其实就是一个html文件(后缀名为html)
什么是HTML?
HTML指的是超文本标记语言,用来描述网页的一种语言
超文本,有2层含义
-
它可以加入图片、声音、动画、多媒体(超越了文本限制)
-
它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本)
Web标准
1.Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维联盟)是国际最著名的标准化组织
2.Web标准的构成
主要包括结构、表现和行为三个方面。
Web标准提出的最佳体验方案:结构、样式、行为相分离
简单理解:结构写到HTML文件中,表现写到CSS文件中,行为写到JavaScript文件中
1.1 HTML语法规范
1、HTML标签是由尖括号包围的关键词,例如。
2.HTML标签通常是成对出现的,例如和,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。
3.有些特殊的标签必须是单个标签(极少情况),例如br我们称为单标签,如下所示
<br/>
1.2标签关系
1.3结构标签
网页开发工具
1.1 文档类型声明标签、lang语言种类、字符集
<!DOCTYPE>文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。
这句代码的意思是:当前页面采取的是HTML5版本来显示网页.
注意:
1.<! DOCTYPE>声明位于文档中的最前面的位置,处于< html>标签之前。
2.< !DOCTYPE>不是一个HTML标签,它就是文档类型声明标签。
HTML常用标签
1.1 段落和换行标签(重要)
用来定义当前文档显示的语言
-
en定义语言为英语
-
zh-CN定义语言为中文
简单来说,定义为en就是英文网页,定义为zh-CN就是中文网页
其实对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文这个属性对浏览器和搜索引擎(百度.谷歌等)还是有作用的!字符集(Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。
在标签内,可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码。
charset常用的值有:GB2312、BIG5、GBK和UTF-8,其中UTF-8也被称为万国码,基本包含了全世界所有国家需要用到的字符.
注意:上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用 “∪TF−8”编码,尽量统一写成标准的“UTF-8”,不要写成“utf8”或“UTF8”。
总结
在网页中,要把文字有条理地显示出来,就需要将这些文字分段显示。在HTML标签中,< P>标签用于定义段落,它可以将整个网页分为若干个段落。
< p>我是一个段落标签< /p > 单词paragraph['pærəgræf]的缩写,意为段落。
标签语义:可以把HTML文档分割为若干段落。
特点:
1.文本在一个段落中会根据浏览器窗口的大小自动换行。
2.段落和段落之间保有空隙。