03_html基本标签

html中标签的关系

嵌套关系(父子关系,也叫包含关系)

<html>
    <head>
        <meta>
        <title></title>
    </head>
    <body></body>
</html>

        此时HTML是head的父元素 head是html的子元素

后代关系,也叫祖孙关系

        html是title的祖先元素 title是html的后代元素

并列关系 同辈关系,也叫兄弟关系

                meta和title为兄弟元素

html文本标签

html-标题标签

<!-- 一级标题 -->
    <h1>我是老大</h1>   
    <!-- 二级标题 -->
    <h2>我是老二</h2>
    <!-- 三级标题 -->
    <h3>我是老三</h3>
    <!-- 四级标题 -->
    <h4>我是老四</h4>
    <!-- 五级标题 -->
    <h5>我是老五</h5>
    <!-- 六级标题 -->
    <h6>我是老六</h6>
    
    标题标签只有1-6
    标题标签自带加粗效果和字号大小
    
    h1-h6指的是页面内容标题  title指的是网页标题
        显示的位置不一样    代表含义不一样
    
    h1在页面当中只能有一个
    
    一个标签对于搜索引擎优化来说 都是具备一定的特殊含义(语义化)
    h1  标题  代表着这个网页当中最重要的内容 搜搜引擎不具备区分h1中的内容的功能
    
    元素表现得样子和其本省具备的实际意义没有任何关系
    
    在实际编写中我们通常在 h1 标签中存放logo
    

 html-段落标签

段落标签
    <p></p>
    自动的为我们的文字进行段落换行
    并且自带段落间距

 html-加粗标签

<b></b>普通加粗
<strong></strong>语义化标签,具有更加强调的作用
这两个标签在默认样式上,没有任何区别
浏览器更喜欢语义化标签

 html-倾斜标签

<i></i>普通倾斜
<em></em>语义化标签

 html-下划线标签

<u></u>普通标签
<ins></ins>语义化标签

html-删除线标签

<s></s>普通标签
<del></del>语义化标签

html-上标和下标标签

上标
<sup></sup>
下标
<sub></sub>

html-文本节点

<span></span>

html-水平线标签与换行标签

水平线<hr>是一个单标签也可叫单标记或者空标记
换行<br>

html-转义字符

当我们在文字中连续的输入多个空格 最终只会解析成一个
空格的转义字符&nbsp;
小于号的转义字符&lt; <
大于号的转义字符&gt; >
版权符号的转义字符&copy; ©

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值