html
2019-04-14 本文已影响0人
数据小黑升值记
什么是html
- 超文本标记语言（Hypertext Markup Language）是一种用于创建网页的标记语言
- 本质是浏览器可识别的规则
- 是标记语言，不是一种编程语言
基本结构
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>css样式优先级</title>
</head>
<body>
</body>
</html>
- <!DOCTYPE html>声明为HTML5文档，声明必须是html的第一行。且位于<html>标签之前
- <html>、</html>是文档的开始标记和结束的标记。是HTML页面的根元素，在它们之间是文档的头部（head）和主体（body）。
- <head>、</head>定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。包含了文档的元（meta）数据。
- <title>、</title>定义了网页标题，在浏览器标题栏显示。
- <body>、</body>之间的文本是可见的网页主体内容。
标签格式
- 一般成对出现，也有单独呈现的，结束标签会有斜线
- <标签名 属性1=“属性1” 属性2=“属性二”....>内容部分</标签名>
- 属性可以有多个，也可以没有
- 注释格式：
几个重要属性
id：定义标签的唯一id
class：定义一个或多个类名
style：规定元素的行内样式
常用标签
head常用标签
<title></title>定义网页标题
<style></style>定义内部样式表
<script></script>定义JS代码或引入外部JS文件
<link/>引入外部样式表文件
<meta/>定义网页原信息,提供的信息用户不可见
body常用标签
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除</s>
<p>段落标签</p>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<!--换行-->
<br>
<!--水平线--><hr>
- div 标签用来定义一个块级元素,并无实际意义,通过css赋予不同表现
- span定义行内元素，无实际意义，css赋予表现
这两个元素是专门为定义css而生的，块级元素是另起一行开始渲染的元素，行级则不需要。
a标签：
超链接标签
<a href="http://www.baidu.com" target="_blank" >点我</a>
- href:指定目标网页地址
- target：_blank 新标签中打开目标网页；_self:当前标签中打开目标网页
列表
1.无序列表
<ul type="disc">
<li>第一项</li>
<li>第二项</li>
</ul>
2.有序列表
<ol type="1" start="2">
<li>第一项</li>
<li>第二项</li></ol>
3.标题列表
<dl>
<dt>标题1</dt>
<dd>内容1</dd>
<dt>标题2</dt>
<dd>内容1</dd>
<dd>内容2</dd></dl>
