1、常见的Html标签

简介: 1、常见的Html标签

1、标题标签< h1-6 >

  <!-- 1、标题标签 -->
  <h1>Hello world!</h1>
  <h2>Hello world!</h2>
  <h3>Hello world!</h3>
  <h4>Hello world!</h4>
  <h5>Hello world!</h5>
  <h6>Hello world!</h6>

2、段落标签< p >

  <p>大家可以去搜一下 快捷键 - Sublime Importer for VS Code 无缝切换自己熟悉的快捷键</p>
  <p>大家可以去搜一下 快捷键 - Sublime Importer for VS Code 无缝切换自己熟悉的快捷键</p>
  <p>大家可以去搜一下 快捷键 - Sublime Importer for VS Code 无缝切换自己熟悉的快捷键</p>
  <p>大家可以去搜一下 快捷键 - Sublime Importer for VS Code 无缝切换自己熟悉的快捷键</p>

3、列表标签,无序列表< ul >,有序列表< ol >,列表元素< li >

<ul>
    <li>第一个元素</li>
    <li>第二个元素</li>
    <li>第三个元素</li>
  </ul>


4、超链接href属性,可以跳转到指定的地址


<a href="http://www.baidu.com/">跳转到百度的地址</a>


5、图片标签,src属性指定图片路径,alt属性显示图片加载失败


<img src="image.jpg" alt="图片加载失败" style="width: 100px;height: 100px;">


6、无语义标签:< div >标签(划分整体区域,实现网页布局)、< span >标签(划分文本区域)

<div><span></span></div>


7、id属性,唯一值


<h1 id="title">标题</h1>


8、class属性,用来分类


<p class="hot">红</p>
  <p class="hot">黄</p>
  <p class="cool">蓝</p>
  <p class="cool">绿</p>


相关文章
|
22天前
|
移动开发 搜索推荐 HTML5
如何使用HTML5的语义化标签来提高网站的可访问性?
【4月更文挑战第1天】如何使用HTML5的语义化标签来提高网站的可访问性?
24 1
|
1月前
HTML文档基础标签(2)
HTML文档基础标签(2)
|
1月前
|
数据采集 前端开发 JavaScript
html 页面里 noscript 标签的作用介绍
html 页面里 noscript 标签的作用介绍
29 0
|
2月前
|
小程序
微信小程序中识别HTML标签的方法
微信小程序中识别HTML标签的方法
|
1月前
HTML常用标签
HTML常用标签
|
7天前
|
前端开发 JavaScript 开发者
html标签的样式
【4月更文挑战第19天】html标签的样式
10 2
|
10天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
18天前
|
JavaScript
Vue移动 HTML 元素到指定位置 teleport 标签
Vue移动 HTML 元素到指定位置 teleport 标签
|
22天前
|
移动开发 搜索推荐 开发者
HTML5中的语义化标签有哪些?
【4月更文挑战第1天】HTML5中的语义化标签有哪些?
9 0
HTML5中的语义化标签有哪些?
|
24天前
|
存储 移动开发 前端开发
html的常用标签
【4月更文挑战第1天】html的常用标签
22 4