从零开始的HTML笔记之 初识HTML

HTML学习

一个例子

 

 1  
 2  
 3 
 4  
 5 
 6  
 7 
 8 
我的第一个标题
 9 
我的第一个段落。
 
10  
11 

 

基本语法规范

    1.标签：
    2双标签： 
    3.单标签：

标签关系

1.包含关系:

1 
2 
3 
2.并列关系：

1  
2  


※：
1.声明位于文档中的最前面的位置，处于标签之前
2.不是一个HTML标签，它就是文档类型声明标签。

开发工具：

宇宙第一编辑器VScode、Sublime Text、DW、Webstrom，都是很优秀的HTML编辑器。

 

HTML文本：

 

 1 
这是一个标题。
 2 
这是一个标题。
 3 
这是一个标题。
 4 
这是一个段落。
 5 
 标签在HTML页面中创建水平线
 6 

 7 
这是一个段落。
 8 

 9 
这是一个段落。
10 
11 
这个
段落
演示了分行的效果
12 
可以在不产生一个新段落的情况下进行换行
13 xhtml中为

14 加粗文本
15 斜体文本
16 大字体
17 小字体
18 空格标记" "

HTML列表：

HTML无序列表：

1 

2 
Morning
3 
Night
4 
HTML有序列表：

1 

2 
Morning
3 
Night
4 

HTML表格：

 

 1 ...---表格行标记
 2 ...---表格表头标记
 3 ...---表格单元格标记
 4 
 5 
 6 
 7 
 8 
 9 
10 
11 
12 
13 
14 
15 
16 
17 
Header 1
Header 2
row 1, cell 1
row 1, cell 2
row 2, cell 1
row 2, cell 2

HTML图像：

1 

HTML超链接：

1 

链接到其他网页：

1 锚点

链接到图像上：

1 锚点

链接到电子邮件：

1 锚点

图片超链接：

1 

页内链接：

1 预被链接后显示的首部分
2 锚点
3 

HTML框架：

 

 1 
 2 设置高度和宽度
 3 
 4 frameborder属性用于定义iframe表示是否显示边框
 5 设置属性值为“0”移除iframe的边框：
 6 
 7 使用iframe来显示目标链接页面
 8 iframe可以显示一个目标链接的页面，目标链接的属性须使用iframe的属性，如:
 9 
10 
一个学习网站

HTML表单：

 

 1 Text Fields:
 2 

 3 First name: 

 4 Last name: 
 5 
 6 密码：(不会明文显示，而是以星号和圆点替代)
 7 

 8 Password: 
 9 
10 单选按钮：
11 

12 男

13 女14 
15 复选框：
16 

17 I have a book

18 I have a cup
19 
20 提交按钮/重置按钮/普通按钮：
21 

22 Username: 
23 
24 
25 隐藏域：
26 
27 文件域：
28 

 

JavaScript

 

 1 
 2 
 3 
 4 
 5 
 6 
 7 
 8 
26 
27 

JavaScript输出流：直接写入HTML输出流
e.g.：

1 document.write("
这是一个标题
");
2 document.write("
这是一个段落。
");
3