一、HTML的基本结构
1、 为描述区
2、 为内容区
结构书写:
<!doctype html>
二、HTML的语法
1.双标记 语法为:<标签名> </标签名>(还可以给标签添加属性:
<标签名 属性名=“属性值”> </标签名>)
2、单标记 语法为:<标签名>(也可以给标签添加属性:
<标签名 属性名=“属性值”>)
三、HTML的常用标签
1、标题标签
特点:具有唯一性,在一个页面只能出现一次 一般放logo。
2、加粗标签
(一般都用此标签)
3、文本倾斜标签
4、下划线标签
(在文本下面添加下划线)
5、强制换行标签
6、水平线标签
7、上下标标签
上标
下标
8、段落标签
9、单个字符或者一小段文本标签
10、转义字符:
空格
>开口向左尖角号
<开口向右尖角号
©版本符号
11、div标签
(相当于一个盒子或者容器,给网页划分区域或布局)
12、列表标签
1、
2、
3、
- 可以写个名词
- 对上面名词的解释
13、超链接标签
属性
1、href=“写要跳转的网址(网址前一定要加http://)”
比如:
2、target=“属性值”
target="_self"(这个是默认值:表示在当前页面打开)
target="_blank"(表示跳转的网页会新创建一个窗口打开)
3、title=“文本”(鼠标放在 上面 会提示title里面的内容
大部分标签都能支持title属性)
14、图片标签
标签里的属性:
1、src=“写图片的路径”("./"表示打开同级文件
"…/"表示返回上一级)
2、alt=“表示文本替换图片”(当图片加载不出来的时候,
alt里面的文本会替换图片显示,正常加载不显示;也有利于seo优化!
方便搜索引擎对图片进行检索。)
3、title=“写文本”(里面的文本表示图片的提示信息)
4、width=“数值” (表示图片的宽)
5、height=“数值” (表示图片的高)
6、border=“数值” (表示图片的边框)
15、表格标签
的属性:width=“数值”(表示表格的宽)
height=“数值”(表示表格的高)
border=“数值”(给表格添加边框)
bordercolor=“颜色”(表示边框的颜色)