html常用标签图文详解

2024-04-24 22:11:03

一、标题标签

h1~h6标题标签，里面的文字越来越小，厚度也越来越小

二、段落标签和水平线标签

p（段落）标签自带上下间距。hr是水平线标签，占满整个容器

三、注释标签

ctrl+/（注释）内容后，在页面上不再显示

四、超链接标签

a标签可跳转其他页面，href是标签的属性

五、标签属性

HTML元素提供的附加属性

HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：href=“页面地址”。

六、标签关系

1.双标签： <div></div>
2.单标签：<br/>
3.父子关系：

 <head><meta charset=“utf-8”><title>hello word</title></head>

4.兄弟关系：

   <head></head><body></body>

七、标签类

1、块级元素（display:block）
例如：<div>

① 每个块级元素都是从新的一行开始，并且其后的元素也另起一行（块级元素独占一行）

② 元素的高度、宽度、行高以及顶和底边距都可设置。

③ 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

2、行内元素（display:inline）
例如：<span>

① 和其他元素都在一行上；

② 元素的高度、宽度及顶部和底部边距不可设置；

③ 元素的宽度就是它包含的文字或图片的宽度，不可改变。
3、行内块元素（display:inline-block）
例如：<img>

① 和其他元素都在一行上；

② 元素的高度、宽度、行高以及顶和底边距都可设置

html常用标签图文详解相关推荐

04-HTML标签图文详解（一）
一.排版标签注释标签  段落标签<p> <p>This is a paragraph</p> <p>This is ...
HTML标签图文详解（二）
上篇博文我们对HTML有了大致的认识并且熟悉了一些基本的标签 HTML标签图文详解(一) 接下来我们开始更加深入的学习 <body>标签的属性其属性有: bgcolor:设置整个网页的背 ...
计算机网络管理的常用命令,网络管理常用命令图文详解.pdf
网络工程师必备 – 网络管理常用命令图文详解网络工程师必备网络管理常用命令图文详解 V1.0 V1.0 包含 ping.ipconfig.netstat.nbtstat.tracert. pat ...
HTML标签图文详解（三）
前两篇博文我们学习了HTML的基础知识与标签 HTML标签图文详解(一) HTML标签图文详解(二) 现在我们开更加深入的学习本文主要内容列表标签:<ul>.<OL>.&l ...
01-html标签图文详解（一）
本文主要内容头标签排版标签:<p> <div> <span> <br> <hr> <center> <pre> ...
html学习-html标签图文详解（一）
本文主要内容 • 头标签 • 排版标签:<p> <div> <span>``<br> <hr> <center> <pre ...
docker build命令详解_Docker镜像与容器常用命令图文详解
一.系统命令 #查看docker版本 docker version #查看docker的系统信息,包含镜像容器的数量 docker info #查看docker的所有命令 docker --help ...
HTML标签----图文详解
本文主要内容头标签排版标签:<p> <br> <hr> <center> <pre> <d ...
html 如何给图片打标签,图文详解HTML页面中添加图片的三种方法
在页面布局时,经常需要在页面中插入图片,那你知道如何在HTML中添加图片吗?这篇文章就给大家介绍HTML页面中插入图片的三种方法,感兴趣的朋友可以参考一下,希望对你有所帮助. 方法一.用HTML中的i ...

最新文章

热门文章