一、简介
1、HTML:超文本标记语言;“”就是指页面内可以包含图片、,甚至音乐、等非文字元素
2、一个HTML文件由<!DOCTYPE html>、head、body三部分组成。其中<!DOCTYPE html>用于申明规范(W3C规范)
二、head部分
1、<meta>共有两个属性:name属性
#keyword参数用来定义搜索关键字
<meat name="keywords" ,content="定义关键字,某某">
#description参数,用于在搜索界面中,对网站进行简介
<meat name="description" ,content="网站内容简介">
2、<meta>共有两个属性:http-equiv属性
#两秒后刷新并且跳转百度,如不写URL则表示刷新当前页面
<meat http-equiv="Refresh" ,content="2;URL=http://www.baidu.com/">
3、设置页面标签
<title>Fiirst Pag</title> #设置标签名
<link rel = "icon" href=../img/favicon,ico> #为标签设置小图标
三、body部分
1、基本标签(两个一样的标签能在同一行就是内联标签,否则就是块级标签)
<hn></hn> # n为[1,6],标题由小到大(块级标签)
<p></p> # 段落标签,包裹的内容被换行,并且中间空一行
<br> # 换行标签
<b></b> # 加粗(内联标签) strong标签也是加粗
<strike></strike> # 定义加删除线文本定义
<em></em> # 斜体
<sup></sup> <sub></sub> #上角标、下角标
<hr> # 水平线
2、图形标签<img>
<img src = "路径" height="300px" width="300px" alt="图片加载失败" title="鼠标放上面,显示该信息">
3、超链接<a></a>
# target="_blank"表示跳转时新建一个页面。
<a href="地址" title="鼠标放上面,显示该信息" target="_blank">点击</a>
# 使用a标签页面内定位
<a href="#abc">点击跳转到1号位置</a>
<div id="abc">1号位置</div>
4、列表标签
<ul></ul> # 无序列表
<ol></ol> # 有序列表
# 自定义列表
<dl>
<dt> # 标题
<dd> # 列表项
</dl>
5、表格标签
border:表格边框 cellpadding:内边距 cellspacing:外边距 width:宽度,单位像素(一般用css)
rowspan:单元格竖夸多少行 colspan:单元格横跨多少列
一列 | 二列 | ||
第一行1 | 第一行2 |
6、表单标签:用于向服务器传输数据
1、input元素:文本字段、复选框、单选框、提交按钮等等
# method 代表发送的方式,不写默认为get enctype是发送文件
2、select元素:
1、下拉选择 #multiple代表多选 size="2"显示连个
<select name="language" multiple size="2">
<option value="Python">Python</option>
<option value="Java">Java</option>
<option value="C++">C++</option>
</select>
2、下拉分类选择
<select name="Province">
<optgroup label=湖南省>
<option value="CS">长沙</option>
<option value="YY">岳阳</option>
</optgroup>
</select>