HTML标签

来源：互联网发布：python snmp 系统监控编辑：程序博客网时间：2024/06/05 12:57

HTML标签

1.<meta charset=“utf-8"/>

辅助标签，设置编码格式为utf-8国际统一编码

2.<!DOCTYPE html>

文档类型声明为html类型

3.<html></html>

页面的所有内容都写在这个标签里面

4.<head></head>

页面的所有头部信息写在这里

5.<title></title>

网页的标题

6.<body></body>

页面的主体部分信息写在这里

7.<div></div>

无语义标签，是一个块标签，默认独占一行

8.<hr/>

水平线标签

9.<span></span>

无语义标签，是一个行标签，默认同行显示

且行标签不支持宽和高，仅由文本内容撑开

10.<h1-6></h1-6>

header标题标签，有语义标签，从1-6字体、级别递减

11.<p></p>

paragraph段落标签，是块标签，默认独占一行

12.<br/>

换行标签，用于文本或者行标签的换行操作

13.&nbsp

用于做英文状态下的空格处理，3个&nbsp等于一个汉字的空格

14.

15.<img src="img/图片名称" alt="logo" title="首页”/>

src是source的缩写，用于填写图片的路径，用相对路径相对于这个html的文件位置，alt属性一般用于当路径发生错误或者别的原因造成图片无法成功加载所显示的信息。

16.<ol type="1”start=“2”reversed=“reversed”>

<li>北京</li>

<li>上海</li>

<li>深圳</li>

<li>广州</li>

</ol>

ol有序列表标签必须搭配li标签，让其作为子标签搭配使用

type属性规定有序列表的类型：1、A、a、I、i这几种类型

start属性规定从何位置开始

reversed属性规定是否倒序，HTML5新有的，必须跟ol一起用

17.<ul></ul>

unorder list无序标签，也需搭配li作为子标签

18.<dl></dl>

自定义标签，搭配dt、dd两个标签，dt定义的主题，dd主题的具体内容

19.标签书写规范

a、标签分为单标签和双标签，都需要起始标签和结束标签，不同的是单标签起始、结束标签都写在一个尖括号里而双标签则分别写在两个尖括号里；

b、所有的标签都是用小写字母；

c、父子关系标签要有缩进关系，方便我们进行代码阅读和结构分析；

d、属性及属性值需要写在起始标签里面，属性与属性之间需要用空格隔开 。

20.行间样式

它的写法是写在起始标签内的，缺点是看起来很繁冗，不是人看的代码，它的优先级高

<div style="width:200px;height:200px;background-color:grey;text-align:center;line-height:200px;">这是div标签</div>

标签里的文本内容或者子标签默认出现在我们定义的width，height的内容区域，也就是content区域的左上角

21.<em></em>倾斜标签

font-style：italic文字倾斜

22.<a></a>超链接a标签

超链接文本的文字修饰
1.text-decoration：none
文本没有任何装饰，标准的文本
2.text-decoration：underline
文本具有下划线
3.text-decoration:line-through
文本具有删除线
4.text-decoration：overline
文本具有上划线
5.text-decoration：inherit
从父级继承设置

<a></a>超链接a标签的写法
a标签为超链接标签，href填写需要前往的链接地址，target属性用来设置在当前页面进行跳转还是新建空白页面进行跳转。默认值是 _self，即在当前页面进行跳转； _blank则为新建空白页面进行跳转。
<a href="网址”targe=“_self或者_blank"></a>

伪类就是CSS样式的一些特殊属性
：after，在元素内容之后插入一些内容，比如内容颜色

a超链接标签的伪类选择器
一、a标签的伪类选择器
1.a:link{}表示超链接没有被访问过的样式
2.a:visited{}表示访问过后a标签具有的样式
3.a:hover{}表示鼠标停留在a标签上其具有的样式
4.a:active{}表示鼠标摁住不放时，a具有的样式
顺序，遵循“爱恨法则",LoVe HAte，l v h a

阅读全文

0 0