学习JavaScript之html详解（1）学习JavaScript之html详解（1）

1. HTML是什么

HTML的全称是HyperText Mark-up Language，翻译过来就是超文本标记型语言。
超文本指的是超出文本的范畴，标记：理解为标签，html中所有的操作都是通过标签来实现的。
html是做网页。

2. 第一个HTML程序
创建hello.html,利用编辑工具NotePad编辑，输入一下代码，点击保存，点击运行，选择自己有的浏览器即可。

这是我的第一个html程序

3. HTML遵循的规范
1.HTML程序以开始，同时以结束
2.HTML程序包含两部分内容：head和body，代码如下：

设置页面上的信息显示到页面上的内容

3.html的标签有开始标签，同时也要有结束标签，代码如下：

html程序 - 锐客网这是我的第一个html程序

4.html代码是不区分大小写的
4. 操作思想
网页中可能有很多的数据，不同的数据可能有不同的显示效果，这个时候需要使用标签把我们需要操作的数据包起来（封装），通过修改标签的的属性值来实现标签内数据样式的变化。标签相当于一个容器，通过修改容器的属性值，实现容器内数据样式的变化。

html程序 - 锐客网这是我的第一个html程序这是我的第一个html程序

5. 字体标签
1.要操作的文字的内容

这是我的第一个html程序两个属性 color:设置文字的颜色size:设置文字的大小

2.color 有三种表现方式：

直接使用英文单词进行表示 red green yello
使用十六进制数字表示 #33cc66

这是我的第一个html程序

使用RGB颜色值配置 rgb（255,255.0）

颜色的第三种表示方法

注意：属性值size的范围是1-7，就算是写为大于7的数字，还是会呈现7的大小

6. 标题标签

html程序 - 锐客网这是标题一这是标题二这是标题三

标题标签可以自动换行，从h1到h6字体的大小越来越小
标题标签自动换行

7. 水平线标签

需要在标签内结束
属性：color ：表示设置水平线的颜色 size：设置水平线的粗细，范围是1-7

8. 注释标签

java中有三种注释：单行注释，多行注释，文档注释
在html中的注释不会在页面中进行显示

html程序 - 锐客网

9. 特殊字符

实现空格的操作

实现空格的操作

10. 列表标签

想要实现以下效果（去掉---以后呈现的等级效果）：
----逍遥派
--------无崖子
--------丁春秋
--------虚竹
首先需要使用 :定义列表的范围
之后在dl标签里面， :定义上层的内容
在dl标签里面， :定义下层的内容

html程序 - 锐客网逍遥派无崖子丁春秋虚竹

11. 有序列表标签

想要实现以下效果
（1）
1.java
2.Android
3.ios
（2）
i. java
ii. Android
iii. ios
（3）
a. java
b. Android
c. ios
*** 使用:定义有序列表的范围
1.ol标签的属性：type
2.决定排列的方式type默认="1",还可以写成字母type="a"还可以写成罗马数字type=“i”
*** 之后在ol标签里面：

无崖子丁春秋虚竹

12. 无序列表标签
想要实现以下效果:
（特殊符号）ios
（特殊符号）JS
（特殊符号）Android
*** 首先使用标签:定义无序列表的范围
****** ul标签上面有属性 type ：设置特殊的复合
****** type属性里面的值 disc circle square
*** 之后在ul标签里面：:封装具体的内容

无崖子丁春秋虚竹

13. 图形标签

在HTML中显示图片

图形标签 - 锐客网文章图片

10. 滚动

ffffffffffffffffffff 文章图片

11. meta标签

关键字 keyowrds关键字的代表安卓,WEB前端,IOS SEO搜索引擎排名所需的关键字

网页描述

网页重定向：跳转到其他网页

12. link标签

链接外部表文件

设置icon标题图标

作者的名字

搜索引擎的爬虫设置

13. 表格的标准结构（了解下） thead tbody tfoot

表格的标准结构 - 锐客网你们他们我们 1 2 3 i ii iii

你们	他们	我们
1	2	3
i	ii	iii

14. 细边框的表格

- 锐客网table tr th{background: white; height: 200px; } table tr td{background: white; height: 200px; } 1 2 3 4 5 11 22 33 44 55

1	2	3	4	5
11	22	33	44	55

15. 表单作用：收集信息
表单域：表单的区域
maxlength：input的属性：控制输入字符的最大长度。
readonly = "readonly"：只读属性无法编辑
disabled = "disabled": 输入框未激活状态
name = "" : 用于区分的标志
valuehttps://www.it610.com/article/= "" :输入框的值
select 中的属性 multiple = "multiple" 指下拉多选
对下拉别表内容进行分组：optgroup 对下拉列表标签进行分组