常用html标签及其属性

<h1>-<h6>标题标签:是表明文章、作品等内容的简单语句。

 <p></p>段落标签:在网页中描述具有一个相对完整的内容。

<em></em>斜体标签:实现一种倾斜的字体样式。

<strong></strong>粗体标签:实现一种加粗的字体样式。

<hr/>水平线标签:在网页中加入水平线用来区分上下文。

<br/>换行标签:跳到下一个新行。

<!--注释内容--!>注释标签:方便代码的阅读,在代码调试中可以暂时注释掉一些不必要的代码,当浏览器遇到时会自动忽略注释内容。

<img src="" alt="" title="" width="" height=""/>图像标签:src:图片路径、alt:替换文本---在图片不能正常加载时显示的提示语、title:提示内容---鼠标划到图片上显示的内容、width,height:图片的高度、宽度。

 <a href=""></a>超链接标签:使用超级链接与网络上的另一个文档相连,点击即可从一个页面跳转到另一个页面。helf:链接地址、target:目标窗口位置----(1)_self:自身窗口(2)_blank:新建窗口。

<a helf="#maker">链接</a>锚连接创建跳转链接。

<a name="maker">跳转位置</a>锚连接创建跳转标记。

<ol></ol>有序号列表标签:各个列表是有顺序的,具有type属性:1---序号是数字1,2,3...、a/A---序号为小/大写字母、i/I---序号为小/大写罗马数字。

<li></li>标签列表项标签。

<ul></ul>无序列表标签:没有序号,和<li>标签配合使用,不能单独使用。

<dl></dl>自定义列表标签,<dt></dt>列表标题标签,<dd></dd>列表内容标签,这三个标签是配合使用的,没有单独使用,并且<dl>标签内部不能存在任何其他标签。

<form method="post" action="xxx.html"></form>表单标签:在网页中负责数据采集,可供用户输入。

<input></input>输入框标签。

<select></select>下拉列表标签。

<option></option>下拉列表项标签.

<label></label>表单元素标注标签:对表单元素进行标注,增加鼠标的可用性。

<audio src="" loop controls autoplay>音乐标签:loop---循环播放、autoplay---自动播放、controls显示播放器控件。

<video src="" loop controls autoplay>视频标签。

<div></div>模块标签

<span></span>任意标签:可以在此标签中加入任意内容。

<address></address>联系信息标签,表示其中包含了某个人或组织的联系信息。

<article></article>文档标签:表示文档,页面,应用或网站中的独立结构。、

<aside></aside>遮罩层,模态框标签,表示一个和其余页面几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独拆分出来而不会使整体受影响。

<footer></footer>网站底部标签,表示一个章节内容或者根节点元素的页脚。

<header></header>网站顶部标签,用于展示介绍性内容。

<main></main>网站中部标签,用于呈现文档的body或者应用的主体部分。

<nav></nav>导航标签,用于在当前文档或其他文档中提供导航链接。

  • 34
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值