1.介绍
- 什么是网页？
我们打开浏览器访问的一切内容，都是由网页构成。简单点说，网页就是html。
- html的概念定义
超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。
html的核心：语义化
- 标签
单标签：
<img src=".../a.jpg">（<> 创建一个标签；img 标签名；src 属性；.../a.jpg 属性值）
双标签：
<a href="http://www.baidu.com">百度</a> (<> 创建标签;<a>标签的开始;</a> 标签的闭合;href 属性;“http://www.baidu.com” 属性）
常用的一些辅助标签
功能性标签:主要用来完成网页当中的某些功能
网页布局核心语义化标签
2.主体结构
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html>
文档声明头
<!DOCTYPE html>
html5文档声明，告诉浏览器当前的网页语法为html5
网页标签
<html></html>
网页的所有内容都是在这组标签当中
网页头部标签
<head></head>
网页的预定义信息都写在这组标签当中
<meta charset="utf-8">
给网页设置字符集编码
<title>网页标题</title>
网页标题
网页内容标签
<body></body>
展示给用户看的内容都写在body标签当中
3.标签
- 功能性标签
列表
无序列表：<ul><li></li></ul> (显示为·)
有序列表：<ol><li></li></ol>（显示为123......）
type属性：<ul type=" "></ul>（type 属性规定列表的项目符号的类型，尽管不赞成使用 type 属性，不过所有浏览器都支持 type 属性。）
图片
<img src="">
网页当中如何使用一张图片
src属性
绝对路径和相对路径
width属性和height属性
alt属性
超链接
<a href=""></a>
href属性
http/https协议
title属性
展示给用户看的文字
div标签和span标签
<div><span></span></div>
网页切割
包含普通的文本内容
表格
如何创建一个表格：
使用 table标签：<table></table>
border属性
例如:1
width属性
例如:300px
rule属性
例如:all
创建表格中的行
<tr></tr>
创建表格当中的单元格
<td></td>
属性：align: left、right、center、justify
colspan：规定单元格可横跨的列数
rowspan： 规定单元格可横跨的行数
创建表格中的标题
<th></th>
单元格与单元格之间的间距
cellspacing
单元格与内容之间的空隙
cellpadding
- 辅助类标签
标题标签：h1 - h6
<h1></h1>
段落标签：p
<p></p>
水平线：hr
<hr>
删除线： del
<del></del>
倾斜强调：em
<em></em>
加粗强调：strong
<strong></strong>
斜体文本 ： i
<i></i>
预格式文本： pre
<pre></pre>
换行： br
<br>
注释：
<!-- 注释内容 -->
还有一些常用标签: http://www.w3school.com.cn/tags/html_ref_byfunc.asp
4.实体字符
空格
版权
©
<
<
>
>
还有一些常用的：http://www.w3school.com.cn/tags/html_ref_entities.html