1Html指的是超文本（可以加入图片、声音、图画多媒体等内容，超越了文本的限制）标记语言，它用来描述网页的一种语言。.html文件后缀名为.html
2.浏览器是网页显示、运行的平台。常用浏览器IE、火狐（Firefox）、谷歌（Chrome）Safar浏览器（苹果）、Opera浏览器（欧朋）
3.标准
主要包括结构、表现、行为三个方面
注释：
<comment></comment>或 <!-- -->快捷键alt+/
4.<!DOCTYPE>文档类型声明，作用是告诉浏览器使用哪种HTML版本来显示
<!DOCTYPE html>这句话代码意思是当前网页采取的是HTML5版本来显示
<html lang=“en”> 用来定义当前文档显示的语言，告诉浏览器或者搜索引擎这是一个什么网站。1.en 定义语言为英语 2.zh-CN定义语言为中文
<meta charset=”UTF-8”> charset是多个字符的集合，以便计算机识别和存储各种文字，用来规定HTML文档应该使用那种字符编码UTF-8也称为万国码，基本包含了全世界所有国家需要用到的字符，如果不写这句话，会引起乱码
5.标签
标题标签：head缩写， <h1>-<h6>，标题一共有六级，标题文字都会加粗在一行显示，h1到h6由大到小依次递减，
段落标签：paragraph缩写 <p>…</p> 文本在一个段落中会根据浏览器窗口大小自动换行，段落与段落之间留有空隙
换行标签：break缩写 <br> 单个标签，希望某段文本强制换行显示，单个标签<br/>可以带反斜杠也可以不带
文本格式化标签：给文字设置粗体、斜线、下划线效果。1加粗<srtong>…</strong>或<b></b>
2倾斜 <em>..</em>或<i></i> 3删除线<del>…</del>或<s></s> 4下划线<ins>..</ins>或<u></u>
段落缩进blockquote标签：引用的内容向右缩进5个英文字符位置
<blockquote>.. </blockquote>
字体标签：font
<font face=”字体” size=”大小” color=”颜色”><>
<div>和<span>是没有语义的是一个盒子标签
<div></div>自己独占一行,大盒子
<span></span>一行上可以多个<span>,小盒子
图像标签：<img src=”图片路径” alt=“图片显示不出来的时候用文字替换” title=”图片放在图片上的提示文本” width=”宽度” height=”高度” border=”边框粗细”>
目录文件夹：就是普通文件夹
根目录：打开目录文件的第一层就是根目录
相对路径：以引用文件所在位置为参考基础，而建立出的目录路径，简单来说就是图片相对于HTML页面的位置:
同一路径：图片和HTML在同一个位置，则<img src=”baidu.gif”>
下一级路径：图片文件位于HTML文件下一级 如<img src=”images/baidi.gif”>
上一级路径：图片文件位于HTML文件上一级 如<img src=”../baidu.gif”>
绝对路径：指目录下的绝对位置 例如：“D:\web\img\logo.gif” 或完整的网络地址：”htpp://www.itcast.cn/image/logo.gif” 很少使用
5.超链接标签：<a href=”跳转路径” target=”目标窗口弹出方式”>文本或图像</a>
target=”-self”在当前窗口打开，-blank在新一个窗口打开
外部链接：href=”htpp://www.baidu.com”
内部连接：href=”index.html”
下载链接：href=”img.zip”
书签链接：描点链接
在链接文本的的href属性中，设置#名字的形式，如<a href=”#two”>第二</a>
找到目标位置的标签,里面添加一个id属性=刚才的名字，如<h3 id=”two”>第二介绍<>/h3
6特殊标签：
空格 ©版权 ®商标 ¥人民币 < 小于号 >大于号
表格
主要用来用来显示、展示数据
1.基本语法：
<table align=”表格相对周围元素对齐方式” border=”边框” cellpadding=”文字相当于单元格的距离” cellspacing=”单元格之间的距离”>
<tr>
<th>…</th>
..
</tr>
<tr>
<td>…</td>
..
</tr>
…
</table>
- table用于定义表格
- <tr>标签用于定义表格中的行，必须放在table中
- <td>表格的列标记，用于表格中的单元格，单元格的内容，必须放在<tr>中
- <th>表格表头标记，里面的文字会加粗居中显示
- <caption>表格标题标记
- <thead>表格的表头
- <tbody>表格的主体
- <tfoot>表格的页脚
属性
align行内容水平对齐：left/right
valign行内容垂直对齐：top/bottom
2.合并单元格
跨行合并：rowspan 最上侧单元格作为目标单元格，写合并代码
跨列合并：clospan 最左侧单元格为目标单元格，写合并代码
列表
列表用来布局的
- 无序列表
<ul>
<li>…</li>
…
</ul>
<ul>标签里面只能嵌套<li>,<li>相当于一个容器，可以容纳所有元素，属性type：disc实心元、circle空心圆、aquare实心正方形
- 有序列表：
<ol>
<li>..</li>
…
</ol>
属性：type=”1”数字列表 type=“A”大写字母列表 type=”a”小写字母列表 type=”i”小写罗马
Start=”1” 列表前边好的起始位置编号
3 自定义列表
<dl>
<dt>项目1.</dt>
<dd>描述</dd>
<dd>..</dd>
<dt>项目2</dt>
<dd>…</dd>
</dl>
去掉li前面的项目符号（小圆点）：
List-style：none；
表单：表单由表单域、表单控件、提示信息
表单域：form标签，把整个表单元素括起来
<form action=”提交到那个页面，向何处发送表单数据” method=”get
”>
</form>
fieldset标记可以将表单相关元素进行分组,
legend标记为fieldset标记定义域标题
输入<input type=””>
type属性有 text单行文本输入框 password:密码输入框 checkbox 复选框 radio 单选按钮 image图像按钮 submit提交按钮 reset重置按钮 button普通按钮 file文件选择框
name属性为表单元素的名字，单选按钮和复选框要有相同的name值
value属性规定input元素的默认值，框中默认显示
checked属性规定单选按钮复选按钮预先选定
maxlength属性规定输入字段的字符的最大长度
size属性规定输入字段的宽度
<label>标签用于绑定一个表单元素，当点击label标签内的文本时，浏览器就会自动将焦点转到或者选择对应的表单元素上
<label for=”sex”>男</label>
<input type=”radio” name=”sex” id=”sex”>
注意：label标签的for属性应当与相关元素的id属性相同
下拉表单元素
<select>标签定义下拉列表
语法：
<select>
<option>选项一</option>
…
</select>
在option中定义selected=”selected”时，当前项默认为选中状态
文本域元素
当用户输入内容较多的情况下，不能使用文本框框表单了，此时我们可以使用
<textarea>标签，用于输入多行文本输入的控件
语法
<textarea row=”3” cols=”20”>
文本内容
</textarea>
cols是每行的字符数，rows是显示的行数
扫一扫
1724
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
