Html是一种超文本标签语言,他并不是一种编程语言.
最基本的标签
我们使用编辑器创建html文件的时候通常都会给我们写好一些代码.
上图中是html文件的基本标签,也就是说所有使用html便签写出的网页,如果一层一层的剥去,最后就只会剩下这样几个标签.
<!DOCTYPE html>
我们从文字的意思上就可以看出来,这是声明文件的类型是html文件,也就是说我们创建编辑的是html文件,这就跟txt,doc等文件一样. 声明必须是 HTML 文档的第一行,<!DOCTYPE> 声明不是 HTML 标签,它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令.<!DOCTYPE html>只有在H5中这样书写,在其他版本的html中有不同的写法.<html></html>
这一组便签就是说我们要在这里面编写html的文本.它告知浏览器其自身是一个 HTML 文档。<html> 与 </html> 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体.<head></head>
<head> 标签用于定义文档的头部,它是所有头部元素的容器.<head> 中的元素可以引用脚本,指示浏览器在哪里找到样式表、提供元信息等等.应该把 <head> 标签放在文档的开始处,紧跟在 <html> 后面,并处于 <body> 标签或 <frameset> 标签之前。
上图是百度网页源码中的head.
在head中通常会使用<title></title>标签来标志页面的标题,可以添加网站的关键词描述,已增加站点被搜索到的概率.
<meta>标签是一个自结束标签.其中有http-equiv为key,content为value的键值对.http-equiv通常为content-type,而content指定文本的属性为text/html,编码方式charset,通常为gbk或者utf-8.
- <body></body>
文本的主要内容就是在这里面编写,顾名思义就是主体,也就是主要的部分. 它包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
常用文本标签
<div></div>
这一对标签包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)浏览器通常会在 div 元素前后放置一个换行符.<h1></h1>
这对标签可定义标题,<h1> 定义最大的标题,<h6> 定义最小的标题.字体以此减小.<p></p>
这对标签表示了一段的结束,在该标签结束之后会自动换行.hr/
这是一个自结束标签,表示分割线<ol></ol>
表示html的有序列表,默认是以数字开头的.其中的每一项使用<li></li>来描述.<ul></ul>
与有序列表对应的是无序列表,使用<ul>描述.列表中的每一项依然使用<li>来描述.br/
表示换行,与p标签不同的是该标签换行之后的行间距较小.<dl></dl>
这对标签用于主体和主体的描述.其中包括<dt></dt>表示被描述的主体,而<dd></dd>表示对主体的描述.<a></a>
用于描述超链接,其中的href属性可以指定链接的地址.target属性表示如何打开链接.target属性通常用的值为_self,_blank,_top,_parent.<img>
描述图片, src的表示资源的路径. alt可以再图片资源失败的时候描述图片.
文本的修饰
<strong> 可以加粗字体
<i>和<em>可以将字体变为斜体
表示下标
表示上标
一些字符
表示空格
© 企业标识符
大于号
< 小于号;
" 引号