浏览器标题切换
浏览器标题切换end

寒假Day34：HTML标签+段落与文字+列表

HTML标签、段落与文字

一般只有6个标签能放在<head>标签内：

<title> <link> <style> <script> <base>
<meta>：该标签提供的信息不显示在页面中；目的是便于搜索引擎搜索到主要关键字；其两个重要属性：name、http-equiv（作用：定义页面所使用的语言、实现页面的自动刷新跳转）
　　　　 定义网页的基本信息（供搜索引擎）

 

html共有六级标签，h1只能有一个（作为总标题），其他可以有多个

<p>    </p>：段落标签，每个段落标签会自动换行，且会有段落间距出现，但是不会有首行缩进，所以需要手动添加空格

&nbsp； ：空格

<br/>：自闭合标签，换行标签，不会导致行与行之间出现间距

<strong>  </strong>：加粗

<em>  </em>：斜体

<sup>  </sup>：上标标签 superscripted

<sub>  </sub>：上标标签 subscripted

<s>  <s/>：删除线标签，一般用css实现

<u>  </u>：下划线标签，一般用css来实现

<hr/>：自闭合标签，水平线标签

<div>  </div>：区隔标签，分别独占一行，内容放里面

&+特殊字符+; ：输入特殊字符  （直接输入；输入该字符对应的代码）

&euro;    €欧元    
&pound;   £英镑    
&yen;     ¥日元    
&deg;     °度

块元素：独占一行（在浏览器显示效果独占一行）的，块元素内部可以包含其他块元素或行元素

行内元素：两个行内元素可以位于同一行，行内内部可以容纳其他行内元素，但不可以包含块元素

 

HTML列表

分为三种：有序、无序、定义列表

有序列表（常用）

有序列表（默认数字递增）

<ol>   
    <li>内容</li>
    <li>内容</li>
</ol>

<ol>和<li>不可以单独使用，而且<ol>内部一般情况下只能存在<li>；

 

如果不想要数字，可以通过有序列表的type属性来改变：

只需将第一行改为

<ol type="a">

就变成a、b、c...递增了

a也可以替换成A、i、I（后两个是大小写罗马数字）

 

无序列表（最常用）

<ul>
    <li>内容</li>
    <li>内容</li>
</ul>

默认小黑点

 

符号类型：disc（默认小黑点）、circle（空心圆）、square（实心小方块）

<ul type="符号类型">
    <li>内容</li>
    <li>内容</li>
</ul>

 

文本不能直接放在ul元素内部，可以放在body下，ul上

 

定义列表（少用）

<dl>
    <dt>定义名词</dt>
    <dd>定义描述</dd>
    …………
</dl>

<dd>用于文本缩进，但是会造成不好的后果

 

In Addition：

使用标签为了语义化，使用语义化标签可以使代码更规范

没有p标签，css直接就给你用body样式了

另外语义化对屏幕阅读器等无障碍阅读、搜索引擎、建站初期找bug也有很重要的作用，这也是学习html的目的

学习的目的：学习更多标签、把正确的标签用在正确的位置

 

posted @   抓水母的派大星  阅读(188)  评论(0)  编辑  收藏  举报
编辑推荐：
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
· 没有源码，如何修改代码逻辑？
阅读排行：
· 全程不用写代码，我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了，比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15：你的「微服务管家」又秀新绝活了
· DeepSeek 开源周回顾「GitHub 热点速览」
点击右上角即可分享
微信分享提示