【Html】01-基本标签

基本标签

根标签

<html>----这是开始标签;
</html>----这是结束标签(多了一个/)

头部标签(不可视化的区域)

<!DOCTYPE html>

这是文档声明标签。(告诉用户这是一个html5)

专业术语 DTD (Document Type Definition):文档定义类型。

meta 元数据。(告诉浏览器和搜索引擎关于网页的一些基本信息)
    <meta charset="UTF-8">
    <meta name="keywords" content="关键字">
    <meta name="description" content="基本描述">
title 标题标签。(网页的标题)
<title>网页标题</title>

身体标签(可视化的区域)

划分区块的标签:(默认从上到下排序,独占一行)

盒子标签 (用于放置内容的盒子)
<div>我是一个div盒子</div>
标题标签(字体加粗/具有权重)
<h1>我是一级标题</h1>
<h2>我是二级标题</h2>
<h3>我是三级标题</h3>
<h4>我是四级标题</h4>
<h5>我是五级标题</h5>
<h6>我是六级标题</h6>

代码演示:

  • 我是一级标题

  • 我是二级标题

  • 我是三级标题

  • 我是四级标题
  • 我是五级标题
  • 我是六级标题
段落标签(用于存储大量文本)
<p>我是一个段落</p>
列表标签:

无序列表:(结构内容相似的内容)

<ul type = "disc">
    <li>你是一个li</li>
</ul>
<ul type = "circle">
    <li>我也是一个li</li>
</ul>
<ul type = "square">
    <li>他也是一个li</li>
</ul>

^ :属性 type = “disc”|“circle”|“square”

有序列表:(结构内容有需要排序)

<ol type = "1">
    <li>我是一号li</li>
    <li>我是二号li</li>
    <li>我是三号li</li>
</ol>

^ :属性 type = “1”|“a”|“A”|“I”|“i”

自定义列表:(一般用于页面底部售后服务列表)

<dl>
    <dt>你是一个dt</dt>
    <dd>我是dt的经纪人dd</dd>
</dl>

内容展示标签:(默认从左到右的排序)

<span>我是一小段文字</span>
<b>我是一段加粗的文字</b>
<strong>我也是一段加粗的文字,权重比楼上的高</strong>

END

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值