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 中的空白。

使用 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 a, img , link , form 标签中的 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>特点：大小由内容来决定，并且一行里面可以显示多个。