HTML概述
HTML (Hypertext Markup Language)超文本标记语言,构成网页文档的主要语言同时也是网络上应用最广泛的标记型语言。
HTML结构
HTML是由一系列标签,属性以及文本构成,用于在一个浏览器中显示一个网页的结构,HTML是浏览器的母语。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body bgcolor="blue">
<!-- 结构(HTML)和样式(CSS)分离 -->
hello
</body>
</html>
HTML文档=网页。
基本语法
一个html元素通常由开始标签和结束标签构成,并且标签之间可以可能包含其它的子标签,以及文本内容;另外开始标签内可以包含一些属性。
元素
<开始标签 属性对>子元素<结束标签>
标签
标签通常包含开始标签和结束标签,开始标签内部可能会包含属性,结束标签跟开始标签同名,但是在标签前需要使用“/”表示为结束标签:
<a href="http://www.softeem.com"> 开始标签
</a> 结束标签
属性
属性一般包含于开始标签内部,由键值对结构组成,左边表示为属性名,右边为属性值:
<input type="text" name="username" id="username">
常用html标签
html代码 | 页面显示效果 |
---|---|
& | & |
" | " |
® | ® |
© | © |
&trade | ™ |
>/< | >/< |
  | 空格 |
格式标签
- p //块标签(段落标签)
- ul,ol,li,dl,dt,dd //无序/有序列表
- blockquort
- br //换行
- pre //格式化标签
- h1-h6 //标题
- b(加粗)、i(斜体)、u(下划线)、del(删除线)、strong(加粗)
- a //超链接
- img //图片
- table,tr,td,thead,tbody,tfoot,th //表格标签
媒体标签 - audio
- video
- canvas