web前端研发实习--学习笔记（1）

目录

HTML基础

（一）元素的使用

1.0、元素摘要

1.1、空元素

1.2、虚元素

（二）元素属性

2.0、一个元素应用多个属性

2.1 布尔属性&自定义属性

（三）创建HTML文档

3.0、外层结构

3.1、元数据

3.2、内容

3.3、父元素、子元素、后代元素、兄弟元素

3.4、元素类型

（四）HTML5全局属性

4.0、accesskey属性

4.1、class 属性

4.2、contenteditable属性

4.3、contextmenu属性

4.4、dir属性

4.5、draggable属性和dropzone属性

4.6、hidden属性

4.7、id属性

4.8、lang属性&spellcheck属性

4.9、style属性 

4.10、tabindex属性

4.11、title属性

---

HTML基础

（一）元素的使用

元素是一种用来向浏览器说明文档内容的工具。其效果体现在内容上，不同的元素有不同确切的含义。HTML定义了各种各样的元素，在HTML文档中起着不同的作用。

hello <strong> fan32021 </strong> !!

对于上述例子来说，<strong>是开始标签，</strong>是结束标签，fan32021是内容。这三部分就构成了一个strong元素。标签的大小写不敏感，但一般都会使用小写格式贯穿始终。浏览器不会显示标签，而是解读HTML文档，给用户一个元素作用的视图。

1.0、元素摘要

元素摘要

元素	说明
a	生成超链接
body	表示HTML文档内容
button	生成用于提交表单的按钮
code	表示计算机代码片段
DOCTYPE	表示HTML文档的开始
img	链接图片
head	表示HTML文档的头部区域
hr	表示主题改变
html	表示文档的HTML部分
input	表示用户输入的数据
label	生成另一元素的说明标签
p	表示段落
style	定义CSS样式
table	表示用表格组织的数据
td	表示表格单元格
textarea	生成用于获取用户输入数据的多行文本框
th	生成表头单元格
title	表示HTML文档标题
tr	表示表格行
h1——h6	定义标题
link	链接外部样式表
base	为页面上的所有链接规定默认地址或默认目标
script	在HTML文档中插入脚本
其他	遇到后补充

1.1、空元素

hello world <code></code> !!1

元素的开始和结束标签不一定非要有内容，没有内容的元素称为空元素。有些元素为空时没有意义，但也是有效的HTML代码。空元素可