HTML 基础
工具
sublime
html标签
h系列: h1, h2, h3, h4, h5, h6
p: 段落标签
hr: 标签定义水平线
br: 换行
b, strong: 加粗 u, ins: 加下划线 i, em: 斜体 s del: 加删除线
img: 标签
属性 : src, title, alt, width, height 路径 : 相对路径/绝对路径.
alt: 无法显示图片时的替代文本;
a : 标签
- 属性: src, title, target
- 用法:
- 页面间跳转
- 当前页面定位
- 页面内部跳转
- 不同页面间制定位置调换
- 下载
-
href 用于设置跳转的url, 可以是相对/绝对url 或
锚URL(anchor)
<a href="#mubiao"></a> ... <p id="mubiao">这是目标</p>
- target 用来指定在何处打开页面中的链接
target | 描述 |
---|---|
_blank | - |
_parent | - |
_self | - |
_top | - |
framename | - |
base 标签
标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用
-
标签必须位于 head 元素内部。
与标签相关
- 单标签
<br><hr><img><input><param><meta><link>
- 双标签
<html><head><title><body> ...
列表标签
无序标签 ul/li, 有序标签 ol/li, 自定义标签 dl/dt/dd
无序标签多条数据之间没有先后顺序;
列表中的li标签的个数大于等于1;
ul标签是用来管理li标签;
不能单独使用li标签
ul中只能有li标签;
li标签是容器可以放其他标签;
不同浏览器对标签显示不同,可以使用css属性清楚差异;
meta 标签
- Description:可以描述页面,可以用来使用百度程序(网络爬虫)来收录关键信息,以此提高页面的排名。
- Keywords:关键词,可以用来提高页。面的关健词的比重(前升排名的一种方式。)
- 字符集(编码格式):
表格
- 标签:
<th> <caption> <thead> <tbody> <tfoot>
- 属性:
border, width, height, cellspacing, cellpadding,
表单
- form 标签: 用来管理页面上的表单元素;
- action属性 用于指定表单提交页面;
表单元素 | 属性 | 作用 |
---|---|---|
input | type = text | 文本框 |
input | type = password | 密码框 |
input | type = hidden | 隐藏域 |
input | type = radio | 单选框 |
input | type = checkbox | 多选框 |
input | type = button | 按钮 |
input | type = reset | 重置 |
input | type = image | 图片按钮 |
input | type = submit | 提交 |
select | option | 下拉框 |
textarea | - | 文本域 |
没有语义的标签
- div
<div></div>
: 特点:默认占一整行,并且一行里面只能显示一个。 - span
<span></span>
特点:大小由内容来决定,并且一行里面可以显示多个。