浏览器标题切换
浏览器标题切换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 @ 2020-02-20 15:48  抓水母的派大星  阅读(187)  评论(0编辑  收藏  举报