一.标题
h1~h6 html4标签,用于headline(大标题)
特点:h6~h1(字体加粗,并逐渐变大)
如图:
效果,如图:
h1 有特殊用途,又可以放logo,又可以放标题,还可以增加seo(seo是搜索引擎优化,爬虫,就是一种引擎工具,把符合他自己喜好的网站,排名靠前的搜索出来。喜好:html5的规范,编码规范)
二.段落
<p></p>(paragraph) html4标签
段落中空一格,或者多格,或者回车,都是一格
如图:
效果:
三.图片
img(image) html4标签
属性
src source资源
1.超链接地址(网页地址)
网页中随便找个图片,复制链接地址,
如图:
效果如图:
2.绝对路径(从盘符开始的路径,如 C:\windows\system32\cmd.exe)
3.相对路径 相对当前的网页
直接写入img/图片名称 即可
如图:
效果,如图:
alt="图片信息” ,只有在图片加载失败的时候才会出现
如图:
效果,如图:
title=""
四.列表 html4标签
1.有序列表
ol li
如图:
效果,如图:
type: 1/a/A/i/I start 开始位置
效果,如图
同理,type: 1/a/A/i/I 都可以选择
加入start,从第5个开始:
效果,如图:
加入reversed(倒序)
2.无序列表
ul li
type:
discircle(默认 实心圆)
如图:
效果:
circle(空心圆):
效果:
squre(实心方块)同上
五.超链接
a href=""
1.锚点 #id
效果如图:
点击跳到:
2.超链接
<a href ="网页地址“>第一条 </a>
3.本地页面(相对路径,绝对路径)
和上面
4.打电话(一般手机里用)
5.发邮件
6.协议限定符(可以执行JS代码)
(div)(span)搭建结构
html5的结构化标签
header,footer,section,nav
特殊字符: 空格 <小于 > 大于
网友评论