什么是网页？
网站是指在因特网上根据一定的规则，使用HTML等制作用于展示特定内容相关的网页集合。
网页是网站中的一“页” ，通常是HTML格式的文件，它要通过浏览器来阅读。、
网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成，通常我们看到的网页，常见以.htm 或.html后缀结尾的文件，因此将其俗称为HTML文件。
常用的浏览器：IE、火狐（Firefox）、谷歌（Chrome）、Safari和Opera等。
浏览器内核：
浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。
Web标准的构成：
主要包括结构（Structrue）、表现（Presentation）和行为（Behavior）三个方面
结构：结构用于对网页元素进行整理和分类，现阶段主要学的是HTML；
表现：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS；
行为：行为是指网页模型的定义及交互的编写，现阶段主要学的是Javascript。
HTML(Hypertext Markup Language) 即超文本标记语言；它是用来描述网页的一种语言；
HTML特点：
1、HTML不需要编译，直接由浏览器执行；
2、HTML文本是一个文本文件；
3、HTML文件必须使用html或htm为文件名后缀；
4、HTML大小写不敏感，HTML与html一样。
HTML语法规范：
1、HTML标签是由尖括号包围的关键词，例如<html>
2、HTML标签通常是成对出现的，例如<html> 和 <html> ,我们称为双标签，标签对中中的第一个标签是开始标签，第二个标签是结束标签；
3、有些特殊的标签必须是单个标签（极少情况） ，例如<br />,我们称为单标签。
标签关系：双标签关系可以分为两类：包含关系和并列关系
包含关系（父子关系）：
<head>
<title> </title>
</head>
并列关系 （兄弟关系）：
<head></head>
<body></body>
HTML基本结构
HTML文件：<html>...</html> (根标签)
头部信息：<head>...</head>
网页内容：<body>...<body>
HTML元素 :从开始标签到结束标签的所有代码，称为HTML元素
HTML属性:<标签名 属性名1=“属性值” 属性名2=“属性值”…> …</标签名>
注释： 注释在网页中不显示 ctrl+/
<!DOCTYPE>声明必须放在第一行
标题标签：<h1></h1>~<h6></h6> 每一个标题都是独占一行的；大小递减。
段落标签：<p></p> 文本在一个段落中会根据浏览器窗口大小自动换行；段落和段落之间保有空隙。
align:left (左对齐)
right
center（居中）
justify （对行进行伸展）
换行标签：<br />强制换行 是个单标签；标签只是简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直的间 距。
设置（width、color、align、noshade：设置水平线有无阴影）
文字斜体：<i></i>、<em></em>
加粗：<b></b>、<strong></strong>
删除线：<del></del>、<s></s>
下划线：<ins></ins>、<u></u>
水平线：<hr />
下标: <sub>
上标：<sup>
<div>和<span>是没有语义的，他们就是一个盒子，用来装内容的。
<div>这是头部</div>
<span>今日价格</span>
div是division的缩写，表示分割、分区，span意为跨度、跨距；
<div>标签用来布局，但是现在一行只能放一个<div>，大盒子；
<span>标签用来布局，一行可以多个<span>，小盒子；
图像标签和路径（重点）
1、图像标签
在HTML标签中，<img>标签用于定义HTML页面中的图像
<img src ="图像URL" />
src是<img>标签的必须属性，它用于指定图像文件的路径和文件名；
所谓属性：简单理解就是属于这个图像标签的特性。
alt：替换文本，图像不能显示的文字；
title：提示文本，鼠标放在图像上，显示的文字；
width：设置图像宽度；
height：设置图像高度；
border:设置图像边框粗细。
2、路径
（1）目录文件夹和根目录：
史记工作中，我们的文件不能随便乱发，否则用起来很难快速的找到他们，因此我们需要一个文件夹来还礼他们。
目录文件夹：就是 普通文件夹，里面只不过存放了我们作页面所需要的相关素材，比如html文件、图片等。
根目录：打开目录文件夹的第一层目录。
相对路径：以引用文件所在位置为参考基础，而建立的目录路径
当图像位于HTML文件同一级： <img src ="baidu.gif" />
当图片位于HTML文件下一级： <img src="images/baidu.gif" />
当图片位于HTML文件上一级： <img src="../baidu.gif" />
列表
无序列表：
<ul>
<li>列表项</li>
<li>列表项</li>
......
</ul>
<ul></ul>中只能嵌套<li></li>,直接嵌套<li></li>；
<li></li>之间相当于一个容器，可以容纳所有元素。
type: disc 圆点
type：square 正方形
type：circle 空心圆
有序列表：
<ol>
<li>列表项</li>
<li>列表项</li>
......
</ol>
type:1
:a
:A
:i 小写罗马数字
:I 大写罗马数字
自定义列表：自定义列表常用于对术语或者名词进行解释和描述，定义列表的列表项前没有任何项目符号。
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词2解释2</dd>
</dl>
1、<dl></dl>里面只能包含<dt><dd>
2、<dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>
表单：一个完整的表单通常由表单域、表单控件（也称为表单元素 ）和提示信息3个部分构成。
<form>标签用于定义表单域，以实现用户信息收集和传递
<form>会把它的范围内的表单信息提交给服务器
表单
表单控件：在表单域中可以定义各种表单元素，这些表单元素就是允许用户在表单中输入或者选择的内容控件。
1、input输入表单元素 ：<input type ="属性值" />
<input />标签为单标签
type属性设置不同的属性值用来指定不同的控件类型
1、name和value是每个单元素都有的属性值，主要给后台人员使用；
2、name表单元素的名字，要求单选按钮和复选框要有相同的name值。
select下拉表单元素：
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
.....
</select>
1、 <select>中至少包含一对<option>;
2、在<option>中定义selected=“selected” 时，当前项即为默认选中项
3、textarea 文本域元素
<label>标签：为input元素定义标注（标签）；
<label>标签用于绑定一个表单元素，当点击<label>标签内的文本时，浏览器就会自动将焦点（光标）转到或者选择对应的表单元素上，用来增加用户体验
超链接标签：<a href= "跳转目标" target=“目标窗口的弹出方式” >文本或图像</a>
href：用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，它具有了超链接功能；
target：用于指定链接页面的打开方式_self（默认值，当前页面打开） _blank（新页面打开）
锚链接：在链接文本的href属性中，设置属性值为#名字的形式，如<a href="#two">第二集</a>
找到目标位置标签，里面添加一个id属性=刚才的名字，如：<h3 id ="two">第二集介绍</a>
  :空格符
&It ：小于号
> ：大于号
表格标签：
表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性好
表格的基本语句：
<table>
<tr>
<td>单元格内的文字</td>
...
</tr>
...
</table>
1、<table></table>是用于定义表格的标签；
2、<tr></tr>标签用于定义表格中的行，必须嵌套在
3、
<td></td>用于定义表格中的单元格，必须嵌套在标签中。
表头标签：
<th></th> (加粗居中显示)
标签要写到<table>里面去
在这里插入图片描述
表格结构标签：<thead>标签 表格的头部区域，<tbody>标签 表格的主体区域
合并单元格：1、跨行合并：rowspan=“合并单元格的个数”
2、跨列合并：colspan=“合并单元格的个数”
1356
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
