【HTML】标签语法速查

字符实体

描述实体名称显示结果
空格 
大于号>>
小于号&lt;<
&amp;&
版权&copy;©
注册商标&reg;®
商标&trade;
乘号&times;×
除号&divide;÷
倒问号&iquest;¿

标题

含义标签
标题组<hgroup>
标题标签<h1>
标题标签<h2>
标题标签<h3>
标题标签<h4>
标题标签<h5>
标题标签<h6>

内容

含义标签
超链接<a href(路径) target="_blank"(跳转方式)>
标题标签<title>
段落标签<p>
换行标签<br/>
水平线标签<hr/>
字体样式斜体<em></em>
字体样式加粗<strong></strong>
图像标签<img>
链接标签<a>
锚链接<a name="#target">
短引文<blockquote>
长引文<q>
文章标签<article>
导航类赋值内容标签<nav>

布局标签

含义标签
页眉标签<header>
页脚标签<footer>
网页内容根标签<body>
和主体相关的其他内容(侧边栏)<aside>
主体部分<main>
导航标签<nav>
独立的文章<article>
独立的区块<section>

头部标签

标签含义
<meta>charset(字符集) name (名称) keywords(关键字) description(描述) content (内容)

块与行内元素

概念描述
块元素中一般通过块元素来对页面进行布局
行内元素主要用来包裹文字

注释

含义语法
注释<!-- 注释内容 -->

列表

含义标签
声明无序列表<ul>
声明有序列表<ol>
列表项<li>

表单

含义标签
表单<form>
输入框<input type(类型) readonly(只读) disable(禁用)
placeholder(默认提示) required(不能为空) pattern(正则)>
按钮<button>

图片

含义标签
图片<img src(路径) alt(描述) width(宽度) height(高度)/>
内联框架,向当前页面中引入一个其他页面<iframe src(路径)name(框架标识) frameborder(边框)></iframe>

内联框架

含义标签
向当前页面中引入一个其他页面<iframe src(路径)name(框架标识) frameborder(边框)></iframe>

音视频

含义标签
音频<audio src(音频路径) controls(控制播放) autoplay(自动播放) loop(循环) height(高度)/>
视频<video src(音频路径) controls(控制播放) autoplay(自动播放) loop(循环) height(高度)/>
指定文件的路径<source src(音频路径)/>
嵌入外部内容<embed src(音频路径) />

表格

含义标签
表格<table border(边框) width(宽度) align(对齐方式)>
表示表格中的一行<tr colspan(跨列)>
表示表格中的一列<td rowspan(跨行)>
长表格头部<thead>
长表格主体<tbody>
长表格底部<tfoot>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值