web html介绍笔记,Web基础学习笔记——html基础

第一节：html简介

1.概述：html是用来描述页面的一种语言，是指超文本标记语言，使用标签来描述页面，使用浏览器解释执行。

2.用途：开发网页、手机网页、APP

3.开发工具：记事本、notepad++、Dreamweaver、eclipse

4.html结构：

头部部分  主体部分

5.标签：

概念：有将括号包围的关键词，通常成对出现，也有单独出现的

第二节：html标签

1.块级标签：显示为“块”状，前后隔一行

( 1 )基本块级标签

标题标签 n=1时字体最大，n=7时字体最小

段落标签

水平线标签

---

( 2 )布局块级标签

列表：分类导航或者菜单

有序列表标签：

1. ...

...

无序列表标签：

• ...

...

定义描述标签：

标题/图片

描述文字/dd>

...

表格:

表单：

分区标签：

div还可以内嵌到其他标签内使用

2.行级标签：按行逐一显示

1)图像标签：

Alt:鼠标滑动到图片时显示，且在图片显示失败的时候提示

Title:鼠标滑动到图片时显示

2)范围标签：文本等级内容

3)换行标签：

3.HTML标签属性：提供了有关html元素更多的信息。属性总是以“键-值对”的形式出现

常用属性：id,name,class,style,align,bgcolor....

第三节：超链接

超链接：实现页面间的导航

1.语法：链接热点文本或图像

2.链接路径：

相对地址：相对于当前目录的地址

绝对地址：指向目标地址的完整描述

上级目录

上上级目录

3.页面间链接

4.锚链接

1)定义标记(锚点)：目标位置

2)设置连接到位置：当前位置

3)分类：页面内锚链接、页面间锚链接

功能型连接：

邮箱连接：联系我们

第四节：注释与特殊符号

1.注释：帮助程序员标注代码，方便多人合作开发；备份代码

注释不可以嵌套

2.特殊符号：以”&”开始，以”;”结束

空格：   (使用多个空格时)

大于(>)：>(

小于(

引号(“)："

版权号：©

第五节：form表单

1.概述：块级标签

包含文本框、单选框、复选框、密码框、下拉框、文本域、按钮等

2.作用：搜集信息，数据交互

3.常见表单元素： 单行文本框、密码框、单选按钮、复选框、下拉列表、文本域

4.基本语法：

1)

表单控件

2)Action:提交后，指定由服务器上那个处理程序处理

3)method:指定向服务器提交的方法，一般为post或get方法，post方法比较安全

4)Ectype:对字符编码multipart/form-data

5.表单元素的基本格式：

Name:控件的名称

Type:元素的类型

Value:控件的初始值

Size:控件的初始宽度

Maxlength:控件中输入的最多字符个数

Readonly:设置值是否可以修改

Checked:控件是否被选中

6.表单元素

1)文本框：

2)密码框：

3)按钮：

按钮类型：button、submit、reset、image

4)单选按钮：同一组单选按钮name值一样

5)复选框：

6)文件域：

7)列表框：

...

...

8)文本域：...文本域内换行和空格起作用

9)隐藏域：

7.表单高级用法：

1)disabled：未达到使用条件闲置用户使用

2)Readonly：某个框内内容只读

第6节：htnl表格应用

1.表格基本结构：行，列，单元格

2.基本语法：

...

3.基本属性：

a) Border(最外层的厚度)、width、height、align、valign

b) Cellspacing属性：规定单元格与表边框之间、单元格之间的空间

c) Cellpadding属性：规定单元格边沿与其内容之间的空白

d) Colspan：跨列

e) Rowspan：跨行

跨行跨列步骤：1.确定行列数2.写出表格3.确定跨行跨列的单元格4.增加Colspan和Rowspan属性，删除多余的单元格

更改行高度：

、

更改列宽度：

4.表格的高级标签：

1)表头：

2)标题：

3)页眉：

4)数据主体：

5)页脚：

5.表格布局应用场合：表格、表单、规则是数据显示的网页

6.使用要求：

1)使用场合：数据显示要求较为规整，符合表格布局的特点

2)实现思路：需要几行几列的单元格、哪些单元格需要跨行跨列、编写代码

3)注意：同列单元格狂赌由该列宽度最大的单元格决定

同行单元格高度由该行高度最高的单元格决定

7.表格布局的缺点：代码量大、层次结构相对复杂、不利于baidu等搜索引擎搜索查找数据

第7节：html框架

1.基本语法

2.常用属性：

1)标签的target属性规定在何处打开连接文档

_blank:在新窗口中打开被链接文档

_self：默认，在相同的框架中打开被链接文档

_parent：在父窗口中打开被链接文档

_top：在整个窗口中打开被链接的文档

Framename：在指定的框架中打开被链接文档