HTML个人笔记总结

1.什么是Web

web的本意是蜘蛛网和网的意思，在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式，即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。

2.HTML结构:

标记放在 HTML 文件的开头，是一个形式上的标记；标记称为主体标记，网页所要显示的内容都放在这个标记内，它是 HTML 文件的重要所在；标记称为头标记，起的作用是放置关于此 HTML 文件的信息，如提供索引、定义 CSS 样式等；标记称为标题标记，起的作用是设定网页标题；

HTML文本排版标识:

段落标签:

 换行标签:
 标题标签:

~

 文字居中标签:  文字段落缩进标签:

设置文字列表:文字列表的主要作用是有序地编排一些信息资源，使其结构化和条理化，并以列表的样式显示出来；

无序列表 ul    有序列表 ol  

示例:

段落标签   这里面放需要的第一个段落,每放一个段落都需要这样的格式

如上所述 放第二段

换行标签 在所需要换行的每一个据此后面加上

这是一句话

这是第二行的一句话

标题标签 h1-h6 每一种都有着不同的风格

<<明月>>

<<明月>>

<<明月>>

<<明月>>

<<明月>>

<<明月>>

这里放标题

文字居中标签   将文字居中

这里面放所需要文字
并且把文字调整为居中

文字段落缩进标签

缩进标签 类似于前面空几格

正常的一个段落 用于与上面的作为比较,未作任何缩进处理

HTML标记和HTML属性:

在大多数 HTML 标记中都可以对属性控制，属性的作用是帮助 HTML 标记进一步控制 HTML 文件的内容，比如 内容的对齐方式（如本例），文字的大小、字体、颜色，网页的背景样式，图片的插入，等等。其基本语法为：

用 align 属性控制段落的水平位置    用 bgcolor 属性设置背景颜色

文字样式设置:

 

特殊文字符号:

示例:

默认文字样式

文字以粗体方式显示

文字以斜体方式显示

文字以加下划线方式显示

文字以加下删除方式显示

文字以放大方式显示

文字以缩小方式显示

文字以加强强调方式显示

文字以强调方式显示

[email protected]

abc

3.网页图片认识 大小设置 

示例:

 

相对路径 VS 绝对路径:

示例:

用 alt 属性为图像设置替换文本

示例:

用 title 属性为图像设置标题

示例:

4.设置基本文字超链接,图片的超链接,以新窗口显示链接页面,电子邮件链接

示例:

框架之间的链接:框架是一种常用的网页布局工具。它的作用是把浏览器的显示空间分割为几个部分，每个部分都可以独立显 示不同的网页。

用 cols 属性将窗口分为左右两部分,2 用 rows 属性将窗口分为上中下三部分,用 src 属性在框架中插入网页,框架之间嵌套和建立链接.

示例:

5.HTML中的表格

：表格的基本结构

合并单元格: 用 colspan 属性左右合并单元格,用 rowspan 属性上下合并单元格.

   
   
   
   
    

//tr表示行 td表示列  border="1"给表格加边框  th加表头    一行一二列合并  二行二列三行二列合并
   
  
   
   


   
   
   
   


   
   
   

1	2	3	4
1-1-2		1-3	1-4
2-1	3-2-2	2-3	2-4
3-1		3-3	3-4

用 align 属性设置对齐方式 ,用 bgcolor 属性设置表格背景色和边框颜色,用 cellpadding 属性和 cellspacing 属性设定边距(cellspadding 属性设定表格单元格中的内容距离格线的距离, cellspacing 属性设定表格相邻单元格边线之间的距离。)

示例:

设置边距 内容到边框距离  设置单元格距离

   
   
   
   
    

设置居中
   
  
   
   


   设置居中 设置某一列背景颜色
   
   
   

设置某一行背景颜色
   
   
   

1	2	3	4
1-1-2		1-3	1-4
2-1	3-2-2	2-3	2-4
3-1		3-3	3-4

6.HTML表单

Form 表单:表单是一个包含表单元素的区域。主要作用就是向服务器提交数据。

文本表单包括:文本框 ,密码框 ,文本域

示例:

 
 


 
 

用户名:
密    码:

按钮:普通按钮,提交按钮.

 
 


 
 
 
 
 
 

用户名:
密    码:

文件上传

示例:

7.HTML中的块:用于网页中内容的填充.

DIV:HTML:元素是块级元素，它是可用于组合其他 HTML 元素的容器。

SPAN:HTML 元素是内联元素，可用作文本的容器。

示例:

id 加个边框 红色的

 

胡歌

 

杨幂

 

赵丽颖

>

 

李易峰

 

周星驰

 

威尔史密斯

>

                                                                            备注:代码中一些备注文字运行代码可去掉或用扩起来.