HTML
- !doctype html
强调文档格式为html5 - html标签
- head标签
- meta标签
- 属性(不带单位)
- 设置网页信息 charset–设置字符编程 集UTF-8(国际编码)注:文档编码集需与字符编码集一致,否则会出现乱码
格式:<meta charset="utf-8">
- name–keywords:让用户可以通过关键字在搜索引擎中找到网页
格式:
<meta name="keywords" content="美食,广州,早茶(关键字内容)">
- name–descriptions:让用户可以通过关键字在搜索引擎中找到网页
格式:
<meta name="descriptions" content="我们是广州最大的早茶美食茶楼(网页内容高度概括)">
- 设置网页信息 charset–设置字符编程 集UTF-8(国际编码)注:文档编码集需与字符编码集一致,否则会出现乱码
- 属性(不带单位)
- title标签
设置网页标题 - base标签
格式:<base target="_blank">
用处:统一修改页面内部超链接的跳转标签方式 - style标签
注:<head>
和<body>
标签不缩进
- meta标签
- head标签
- 标签
<h></h>
:标题标签<br>
:换行标签
-<p>
:段落标签<hr>
:分割线
-<a></a>
:超链接- 格式:
<a href="地址" target="_blank"></a>
- href 跳转目标地址
- 跳转公网"https://www.baidu.com"
- 页面内部跳转 id跳转 href=“#target”(id=target)
- 路径(地址)跳转
<a href="index.html" target="_blank"></a>
- target:打开网页的位置 当前 _self | 新开 _blank
- href 跳转目标地址
- 格式:
<b></b>
<strong></strong>
:加粗<i></i>
<em></em>
:斜体<s></s>
<del></del>
:删除线<u></u>
<ins></ins>
:下划线
- 转义符号(空格、大于、小于等)
空格: 
;
小于:<
;
大于:>
; - 图片标签
<img>
- 属性
- 图片四要素 :src width height alt
注:width 和 height 数值要和原图一致,不能更改,且不带单位 - title:鼠标悬停显示的文本
- border:设置图片默认边框的宽度
- 图片四要素 :src width height alt
- 格式
<img src="E:/photos/p2678320482.jpg" width="100" height="100">
- 属性
- 列表
- 无序列表ul>li
<ul>
<li>1</li>
<li>2</li>
</ul>
- 有序列表ol>li
<ol>
<li>1</li>
<li>2</li>
</ol>
- 自定义列表dl>dt+dd
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
</dl>
- 无序列表ul>li
- 注释:ctrl+/
<div></div>
盒子标签<span></span>
文本标签