【前端】HTML标签

浏览器内核

浏览器内核就是浏览器的渲染引擎,目前引擎分类:

浏览器 内核
IE Trident
firefox Gecko
safari Webkit
chrome/opera Blink

Web 标准

W3C 主要包括:结构(HTML)、表现(CSS)、行为(JAVASCRIPT)三个部分。

WEB 标准提出的最佳解决方案:结构、样式、行为相分离。

Html 语法规范

  • 标签一般成对出现,也有单标签
  • 标签之间的关系:包含/并列

Html 基本结构标签

  • <html></html>标签
  • <head></head>标签
    • <meta>标签
    • <title></title>标签
  • <body></body>标签

html 常用标签

标题标签

h1-h6 分别代表不同级别标题

段落标签

<p></p>标签表示一个段落

换行标签

<br/>标签表示换行

空格

&nbsp;表示空格

文本格式化标签

  • 粗体:<b></b>或者<strong></strong>
  • 倾斜:<em></em>或者<i></i>
  • 删除线:<del></del>或者<s></s>
  • 下划线:<ins></ins>或者<u></u>

盒子标签

  • <div></div>标签,独占一行
  • <span></span>标签,多个在同一行展示

图像标签

<img/>标签表示一张图片,是一个单标签

图像标签的属性:

  • src:图片路径
  • title:图片标题,提示文本
  • alt:替换文本(图片展示不了时的文本)
  • width:图片宽度
  • height:图片高度
  • border:图片边框

超链接标签

<a></a>标签表示一个超链接

超链接标签的属性:

  • href:链接的地址
  • target:以何种方式打开:_self(默认)、_blank

超链接的种类:

  • 外部链接:跳转到外部网站
  • 内部链接:跳转到内部 html 页面
  • 空链接:href="#"
  • 下载链接:地址链接的是文件
  • 网页元素链接:为网页元素添加超链接:文本、图片、表格、音频、视频
  • 锚点链接:href="#id"

注释标签与特殊字符

<!-- 注释 -->进行注释

特殊字符:

  • 空格:&nbsp;
  • 大于:&gt;
  • 小于:&lt;
Licensed under CC BY-NC-SA 4.0
comments powered by Disqus
使用 Hugo 构建
主题 StackJimmy 设计