常用标签类

主体代码结构：

<!DOCTYPE html> <!--声明头-->
<html>
 <head> <!--头标签-->
 </head>
 <body> <!--体标签-->
 </body>
</html>

`<head></head>`中常用标签

<head lang="zh-cn"> <!--让搜索引擎知道是中文站还是英文站-->
<title>标题</title> <!--设置网站标题-->
<meta chaset="utf-8"> <!--设置字符集-->
<meta name="" content=""><!--设置网站关键字-->
<meta rel="icon" herf="" type=""><!--标题图标-->

`<body></body>`中常用标签

文本格式

 标题标签：
 <h1></h1>标题1 <!--字号最大-->
 <h2></h2>标题2
 <h3></h3>标题3
 <h4></h4>标题4
 <h5></h5>标题5
 <h6></h6>标题6 <!--字号最小-->
 段落标签：<p></p>
 换行标签：<br>
 加粗标签：<b></b>
 斜体标签：<i></i>
 强调标签：<strong></strong>或者<em></em>
 横线标签：<hr>
 下划线标签：<u></u>
 删除标签：<del></del>
 上标标签：<sub></sub>
 下标标签：<sup></sup>

实体字符

 空格：&nbsp;
 小于号：&gt;
 大于号：&lt;
 版权：&copy；

超链接标签`<a></a>`

 <a href="" target=""></a>
 <!--属性
 href:跳转的地址
 target:页面打开方式
 _self,默认当前页面打开
 _blank,新页面打开
 -->
 相对路径：文件和html文件在同一目录下用 "./"，上一级目录用 "../"
 绝对路径：从根目录开始 "file:///c:/..."
 链接为文件类型：点击后下载
 链接为网站地址："https://www.xxx.com"

图片标签`</img><img>`

 <img src="" alt="" title="">
 <!--属性
 src:图片地址
 alt:图片加载失败替换图标的文字
 title:标题，鼠标悬停时出现
 -->

列表标签

无序列表：<ul></ul>
 <ul>
     <li></li>
     <li></li>
     <li></li>
 </ul>
 有序列表：<ol></ol>
 <ol>
     <li></li>
     <li></li>
     <li></li>
 </ol>
 描述列表：<dl></dl>
 <dl>
     <dt>大名字</dt>   
     <dd>详细名字</dd>    没有包裹关系
 </dl>

2021-11-10 09:53:26 星期三

大前端1109笔记

常用标签类

主体代码结构：

`<head></head>`中常用标签

`<body></body>`中常用标签

文本格式

实体字符

超链接标签`<a></a>`

图片标签`</img><img>`

列表标签

更多相关文章

随机推荐

大前端1109笔记

常用标签类

主体代码结构：

<head></head>中常用标签

<body></body>中常用标签

文本格式

实体字符

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

图片标签</img><img>

列表标签

更多相关文章

随机推荐

`<head></head>`中常用标签

`<body></body>`中常用标签

超链接标签`<a></a>`

图片标签`</img><img>`