导图社区 html的基础标签
这是一篇关于html的基础标签的思维导图,包含标题和段落、特殊字符、图片标签、相对路径、内联框架、超链接标签、文本标签、列表标签等内容。
社区模板帮助中心,点此进入>>
互联网9大思维
组织架构-单商户商城webAPP 思维导图。
域控上线
python思维导图
css
CSS
计算机操作系统思维导图
计算机组成原理
IMX6UL(A7)
考试学情分析系统
html的基础标签
标题和段落
标题标签:<h1></h1>--<h6></h6>
段落标签:<p></p>
换行标签:<br/>
水平线标签:<hr/>
特殊字符
>:>;
<:<;
版权号:©;
引号:";
空格: ;
图片标签
img属性
src:表示图片的路径
title:鼠标放置图片上的提示信息
alt:如果图片不能显示时,则对图片的文本描述
width:设置图片的宽度
height:设置图片的高度
相对路径
以html文件为起点
../ 退出上一级目录
./ 当前目录
绝对路径以c盘为起点
meta标签
设置网页关键字
<meta charset="UTF-8">
设置当前页面编码格式
<meta name="viewport" content="width=device-width, initial-scale=1.0">
设置当前页面描述信息
标签规范
html不区分大小写
注释不能嵌套
标签结构必须完整
标签可以嵌套
标签如果属性必须有值
内联框架
引用另外一个页面信息
iframe标签属性
src:设置一个外部页面的路径
frameborder:设置边框
name:给内联框架指定一个名称
width、height:设置宽高
超链接标签
使用a标签可以跳转到另外一个页面
语法:<a href="">显示文本内容</a>
a标签属性
href:指向要跳转的目的网址,也可以为相对路径
target:可以用来指定打开链接的位置
_black:在新窗口中打开
_self:在当前窗口打开
锚链接
<a href="#id"><a id=值></a>
<a href="mailto:邮件地址"></a>
文本标签
strong:内容加粗,强调内容
em:内容斜体,强调内容
i:内容斜体显示
b:内容粗体显示
small:内容变小
cite:表示参考书目,内容斜体
q:表示一个短语的引用,内容添加双引号
blockquote:表示一个长引用
sup:表示上标
sub:表示下标
del:添加删除线
ins:添加下划线
pre:使文本格式保留
code:表示代码,和pre配合使用显示代码块
行内标签和块级元素
块级元素默认会占一行的元素,无论元素内容的多少,都会占整行
div
行内元素默认占用自身大小的元素,不会独占一行
span
列表标签
无序列表
<ul>:无序列表
type属性
disc:实心圆
circle:空心圆
square:实心方块
<li>列表项
有序列表
<ol>:有序列表
默认阿拉伯数字
a或A:英文大小写
i或I:罗马数字大小写
定义列表
<dl>定义列表
<dt>定义描述的内容
<dd>定义解释和说明