HTML(Hyper_Text_Markup_Language)超文本标记语言
- HTML模板的基本含义
<!DOCTYPE html> //规定了浏览器文档使用哪种规范，以前需要在后面写上很长一串规范地址，现今HTML5规范无须额外指定
<html lang="zh-cn"> //所有网页最大的结构 网页中所有的标签存放在html标签中//lang的值代表网页的语言一般是(zh-cn(汉语))或(en(英语))
<head> //网页的头部 告诉浏览器一些相关的信息
<meta charset="UTF-8"> //表示网页编码格式 推荐UTF-8国际编码，常用的还有gbk国标
<title>Title</title> //网页标题
</head>
<body> //网页的主体 我们所看的网页结构 都是在body中的
</body>
</html>
meta标签
meta标签写在head标签中，是一个辅助标签，根据属性不一样所表示的含义也不一样，常用的有：
-
<meta charset="utf-8"> -
<meta name="keywords" content="关键词1 关键词2">用于表示该网页的关键词，便于搜索引擎的抓取（结合百度搜索进行理解）。
-
<meta name="description" content="网页的描述">对该网页的简介，搜索引擎在搜索结果中会展示出来，便于用户了解信息（结合百度搜索进行理解）。
-
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>根据当前浏览器类型强制以特定内核进行渲染，如果是IE浏览器则使用最新内核，如果是双核浏览器则使用chrome内核。IE7及以下版本不支持这个属性。
-
更多meta的作用可在对前端有一定了解后自行探索
基础标签
p标签
p标签_段落标签(paragraph)
<p>
我的名字叫卡卡西，我的愿望是成为火影.
</p>
h标签
h标签标题标签(head)
//h1~h6
//h1最大,h6最小.
<h1>标题</h1>//在一个网页中h1标签最好只有一个
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>
span标签
//一般给p标签的某一段处理
<p>我的名字叫卡卡西,我的愿望是成为<span style="background-color: #096;">火影</span></p>
div标签
盒子标签(division 分开;分隔.)
a标签-超链接
超链接标签
<a href="https://www.baidu.com">百度</a>
a标签有target属性__跳转方法
target="_self" 默认，在当前标签页打开
target="_blank" 新标签页打开
target="_new" 新标签页打开，但所有的new只会打开一个新标签页
base标签为所有的a标签设置target属性的值
<base target="_blank"></base>
base标签写在head里面
a标签 -- 锚点
<p id="value">我的名字叫卡卡西,我的愿望是成为火影</p>
<a href="#value">点击回到段落p</a>
img标签
<img src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1917437437,301204826&fm=26&gp=0.jpg" alt="鞠婧祎" title="鞠婧祎">
//主要属性__src图片路径alt图片没加载出来界面显示的内容title鼠标停留时显示的内容
//其它属性__border图片的边框
ul_li 和ol_li标签
ul无序列表(unordered list)
<ul>
<li>卡卡西</li>
<li>我爱罗</li>
<li>鞠婧祎</li>
</ul>
-
卡卡西
-
我爱罗
-
鞠婧祎
-
给ul设置样式type="disc" 实心圆点type="circle" 空心圆点type="square" 实心方块type="none" 不显示符号 -
ol有序列表(ordered list)
<ol>
<li>卡卡西</li>
<li>我爱罗</li>
<li>鞠婧祎</li>
</ol>
给ol设置样式type="1" 数字顺序 type="A" 或者 type="a" 字母顺序 type="I" 或者 type="i" 罗马数字顺序 type="none" 不显示符号
其他常用标签
-
b标签 strong标签
文字加粗，b标签仅为视觉上的加粗，strong还能够被搜索引擎检索。
-
i标签 em标签
文字斜体，i标签仅为视觉上的斜体，em还能够被搜索引擎检索。
-
br标签
用于文本换行。
-
hr标签
横线分隔。
-
sup标签、sub标签
上角标、下角标。
-
del标签
删除线。
-
pre标签
预格式化，按照编辑器中文字摆放格式来显示文字。
特殊字符(转义符号)
主要是以下
| 特殊字符 | 描述 | 转义符 |
| -------- | -------- | ------------- |
| | 空格 | |
| < | 小于号 |<|
| > | 大于号 |>|
| & | 和号 |&|
| ￥ | 人民币 |¥|
| © | 版权 |©|
| ® | 注册商标 |®|
自定义列表 dl=dt+dd
<dl>
<dt>前端</dt>
<dd>html</dd>
<dd>css</dd>
<dd>javascript</dd>
<dt>代码</dt>
<dd>快</dd>
<dd>好</dd>
<dd>无bug</dd>
</dl>
前端
html
css
javascript
代码
快
好
无bug