目录
前言
今天学习小小前端，我很喜欢前端老师，讲课很棒，很可爱
一、HTML概述
HTML是标记语言的一种，HTML是超文本标记语言。
标记语言是一种将文本以及与文本相关的其他信息结合起来
展现出关于文档结构和数据处理细节的电脑文字编码
为了“网页”创建和其他可在网页浏览器中看到的信息“设计的一种标记语言”
可以通过HTML来建立自己的web站点
HTML文档在浏览器上运行，并由浏览器解析
二、HTML的基本结构
<!DOCTYPE html>
<!-- 声明文档类型，描述该文档可以使用的标签和属性 固定-->
<html>
<!-- 根标签，代表html文档的开始和结尾，双标签 -->
<head><!-- 头部信息，对页面进行设定，不直接在页面中显示-->
<meta charset="utf-8"><meta name="description" content="痛苦学习">
<!-- 设置网页描述 --><meta name="description">
<!-- 设置网页署名 -->
<title>好想吃好吃的</title>
</head>
<body><!-- 主题标签，网页当中显示的内容 -->
文档主体
</body>
</html>
HTML由以下部分组成：
文件头（head）
文件体（body)
在两者部分外面要加上<html><html>
说明是HTML文件，只有这样浏览器才可以正确识别HTML文件
<>中括起的单词称为元素
双标签，由开始标签和结束标签两部分组成，必须成对使用
比如： <div></div>盒子标签
单标签，单独使用就可以表达意思
<br>换行标签
HTML中，单标签没有结束标签，
XHML中，会有结束标记语言<br/>
<p>小写p标签</p>
<P>大写p标签</P>
<BR>目前HTML不区分大小写，但是还是写小写比较好，以后会严格</BR>
元素：一对标签包含所有代码，元素的内容是开始标签与结束标签之间的内容
如：<div>这里是元素内容</div>
属性：HTML可以拥有属性。属性提供了有关HTML元素更多的信息，是在开始标签中规定的。
一般以名称/值的形式成对出现，
如:<div class="wz">
三、八个全局标准属性
1.class（类）：用于定义元素类名。指向CSS中的类
注意：
class属性通常在<body>元素内部</body>
不能在以下元素中使用
<base href="">
base(基础):<base> 标签为页面上的所有链接规定默认地址或默认目标
通常情况下
浏览器会从当前文档的URL中提取相应的元素来填写相对 URL 中的空白
使用 <base> 标签可以改变这一点
浏览器随后将不再使用当前文档的URL
而使用指定的基本 URL 来解析所有的相对 URL
这其中包括 <a>、<img>、<link>、<form> 标签中的 URL
<head></head>
head(头部)：<head> 标签用于定义文档的头部
它是所有头部元素的容器
<head> 中的元素可以引用脚本
指示浏览器在哪里找到样式表提供元信息等等
文档的头部描述了文档的各种属性和信息
包括文档的标题在 Web 中的位置以及和其他文档的关系等
绝大多数文档头部包含的数据都不会真正作为内容显示给读者
下面这些标签可用在 head 部分：
<base>
<link>
<meta>
<script>
<style>
<title>
<title> 定义文档的标题，它是 head 部分中唯一必需的元素。
<meta>
meta(元):<meta> 元素可提供有关页面的元信息（meta-information）
比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部
不包含任何内容
<meta> 标签的属性定义了与文档相关联的名称/值对
<param name="" value="">
param(参数):为object标签提供嵌入内容的运行时参数的name与value对
param标签是单独出现的
<param />
param标签用于定义网页中嵌入内容的运行时参数
param标签应使用在object或applet标签内
<script></script>
script（脚本）：用于客户端脚本
比如JAVASCRIPT
script元素既可以包含脚本语句
也可以通过src属性指向外部脚本文件
必须的type属性规定的脚本类型MIME类型
<style></style>
style(风格):<style> 标签用于为 HTML 文档定义样式信息。
在 style 中可以规定在浏览器中如何呈现 HTML 文档
type 属性是必需的
定义 style 元素的内容
唯一可能的值是 "text/css"。
style 元素位于 head 部分中。
<title></title>
title(标题):<title> 元素可定义文档的标题
浏览器会以特殊的方式来使用标题
并且通常把它放置在浏览器窗口的标题栏或状态栏上
同样，当把文档加入用户的链接列表或者收藏夹或书签列表时
标题将成为该文档链接的默认名称
2.id(用户名)：用于指定元素唯一的名字。
注意：
该属性在整个HTML文档中具有唯一性，
该属性主要的作用就是可以通过JAVASCRIPT和CSS
为指定的用户名id改变或者添加样式，动作
3.style（风格）：用于指定元素的行内样式。
使用该属性后★覆盖★任何★全局★的样式设定
4.title（标题）:用于指定元素的额外信息。
通常表现为鼠标移动到元素上时显示定义的提示文本
5.accesskey（访问密钥）：用于指定激活某个元素的快捷键。
支持accesskey属性的元素有:
<a href=""></a>
<a href="">a标签定义超链接，用于从一张页面链接到另一张页面</a>
a元素最重要的属性就是href属性，他指示链接的目标
注意：<a href="">a标签中必须提供herf属性或者name属性</a>
herf，HTML中的herf指的是超文本引用
他的值是任何有效文档的相对或者绝对URL
包括标识符或者js代码段
一般用于a标签中来指定超链接跳转目标URL
<area shape="" coords="" href="" alt="">
area（区域标签）定义图像映射中的区域
area元素一般为嵌套在<map name="">map标签中</map>
HTML中<area shape="" coords="" href="" alt="">
没有结束标签
XHTML中需要用结束标签
注意：图像映射需为带有可点击区域的图像
<button></button>
button(按钮)：定义一个按钮
在button元素内部，可以放置内容
比如文本或者图像
<input type="text">
input（输入）：用于收集用户信息
根据不同的type属性，输入字段可以是很多种形式的
比如：
文本字段
掩码后的文本控件
单选按钮
按钮
<label for=""></label>
label（标签）：为input元素定义标注。
label不会呈现任何的特殊效果
但是为鼠标用户改进了可用性
当用户选择了该标签时
浏览器就会自动将焦点转到和标签相关的表单上
<legend></legend>
legend（传说）：为fieldset元素定义主题
<textarea name="" id="" cols="30" rows="10"></textarea>
textarea（文本区域）：定义多行的文本输入控件
文本区域内可以容纳无限的文本
其中的文本默认字体时等宽字体
6.tabindex（全局属性）:用于指定元素在TAB键下的次序
支持tabindex属性的元素有
<a href=""></a>
<a href="">a标签定义超链接，用于从一张页面链接到另一张页面</a>
a元素最重要的属性就是href属性，他指示链接的目标
<area shape="" coords="" href="" alt="">
注意：<a href="">a标签中必须提供herf属性或者name属性</a>
herf，HTML中的herf指的是超文本引用
他的值是任何有效文档的相对或者绝对URL
包括标识符或者js代码段
一般用于a标签中来指定超链接跳转目标URL
<button></button>
button(按钮)：定义一个按钮
在button元素内部，可以放置内容
比如文本或者图像
<input type="text">
input（输入）：用于收集用户信息
根据不同的type属性，输入字段可以是很多种形式的
比如：
文本字段
掩码后的文本控件
单选按钮
按钮
<object data="" type=""></object>
object(对象)：定义一个嵌入对象。
使用此元素可以向XHTML页面添加多媒体
此元素允许规定插入HTML文档中的对象的数据和参数
以及可以用来显示和操作数据的代码
object标签用于包含对象，比如：
图像
音频
视频
JAVA
APPLETS
ACTIVEX
PDF
FLASH
object初衷是为了取代Img和applet元素
<select name="" id=""></select>
select(选择)：select元素可以创建单选或者多选菜单
<select>
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<textarea name="" id="" cols="30" rows="10"></textarea>
textarea（文本区域）：定义多行的文本输入控件
文本区域内可以容纳无限的文本
其中的文本默认字体时等宽字体
7.dir：哟关于规定元素内容的文本方向
dir的属性值只有ltr和rtl两种
ltr(left to right)
rtl(right to left)
对大部分有文本内容的元素生效
不生效的元素如下：
<base href="">
base(基础)：base是一个单标签
位于网页头部文件的head标签内
一个页面最多只能使用一个base元素
用来指定一个默认目标
也算是有种表达路径和链接网址的标记
<br>
<br>可以插入一个简单的换行符
<br>自身是空标签
<frame>
frame（框架）：标签定义frameset中的一个特定的窗口（框架）
frameset中的每个框架都可以设置不同的属性
<frameset></frameset>
frameset(框架集)：可以定义一个框架集
被用来组织多个窗口
每个框架存有独立的文档
在其最简单的应用中
frameset 元素仅仅会规定在框架集中存在多少列或多少行
必须使用 cols 或 rows 属性
<hr>
在HTML页面中创建一条水平线
水平线分割线，可以在视觉上将文档分隔
<iframe src="" frameborder="0"></iframe>
iframe(内联框架)：是一个内联框架
即在当前页面中嵌入另一个文档
且所有主流浏览器都支持iframe
<param name="" value="">
param（参数）：为插入XHTML文档的对象规定
run-time设置
<script></script>
script（脚本）：用于客户端脚本
比如JAVASCRIPT
script元素既可以包含脚本语句
也可以通过src属性指向外部脚本文件
必须的type属性规定的脚本类型MIME类型
8.lang：用于指定元素内容的语言
涉及元素内容的语言
与dir属性一样
对大部分有文本内容的元素生效
不生效的元素如下：
<base href="">
base(基础)：base是一个单标签
位于网页头部文件的head标签内
一个页面最多只能使用一个base元素
用来指定一个默认目标
也算是有种表达路径和链接网址的标记
<br>
<br>可以插入一个简单的换行符
<br>自身是空标签
<frame>
frame（框架）：标签定义frameset中的一个特定的窗口（框架）
frameset中的每个框架都可以设置不同的属性
<frameset></frameset>
frameset(框架集)：可以定义一个框架集
被用来组织多个窗口
每个框架存有独立的文档
在其最简单的应用中
frameset 元素仅仅会规定在框架集中存在多少列或多少行
必须使用 cols 或 rows 属性
<hr>
在HTML页面中创建一条水平线
水平线分割线，可以在视觉上将文档分隔
<iframe src="" frameborder="0"></iframe>
iframe(内联框架)：是一个内联框架
即在当前页面中嵌入另一个文档
且所有主流浏览器都支持iframe
<param name="" value="">
param（参数）：为插入XHTML文档的对象规定
run-time设置
<script></script>
script（脚本）：用于客户端脚本
比如JAVASCRIPT
script元素既可以包含脚本语句
也可以通过src属性指向外部脚本文件
必须的type属性规定的脚本类型MIME类型
总结
提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
1008
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
