HTML总结

HTML总结

概述

超文本标记语言

作用：开发网页

基本语法：

HTML文件基本框架

头标签< head>< /head>

< meta/>提供有关页面的元信息

标题< title>< /title>

< body>< /body>

HTML常用标签

注释

快捷键：ctrl+shift+/

闭合标签（双标签）

有开始有结束 h1~h6标题标签 p段落标签 head头标签

a 超链接标签

ul li无序列表

ol li 有序列表

< body>< /body>

自闭合标签（单标签）

在内部结束

自闭和标签完成某个特定功能，无修饰作用。

< br/>换行标签

< meta/>提供页面有关元信息

< img/>引入图片地址

< link/>链接

属性：

通过标签属性可以进一步对标签的现实进行修改

语法:属性名 = “属性值”

一个标签可以拥有多个属性

属性写在开始标签

href：链接地址

border,width,hright给图片加上宽高

align：内容水平对齐方式

title：鼠标移动到图片上显示信息

alt：当图片不能正常显示时提示信息

锚点

超链接定义

a标签定义name，中间不要写内容

标签< a href = “#name”/>

回到顶部：name=“ top”

特殊符号转义

小于号：&lt；

大于号：&gt；

空格：&nbsp；

版权：&copy；

商标：&trade；

注册商标：&reg；

表格标签

table：表格标签

tr:行

td:列

th:表头

td:单元格

注意：内容写在单元格里

th也是单元格，内容加粗居中显示

属性：

border：border=“number”

caption:标题标签

列宽只设置第一个

background

bgcolor

cellpadding(填充)内容到边框的距离

cellpadding=“值”

cellspacing(间距)

cellspacing = “值”

align：设置水平

valign：设置垂直

colspan：跨列合并

rowspan：跨行合并

注意删除多余的

表单

form标签

作用：从客户端向服务器发送数据的，有许多可以输入或者选择的组件，用户可以在表单中填写信息，提交给服务器。

form标签表示一个表单，不显示

action=“向服务器端发送的地址（url）”

method=“向服务器端发送数据的方式(get/post)”

表单组件

文本：< input type = “text”/>

单行文本输入框(默认)

属性：

id：值要求唯一

name：属性名可以重复

class：属性名可以重复

通过for属性关联id

name和value 是一对键值对，name是向服务器端发送数据的建，value是提交的值（数据）

placeholder属性=提示信息

readonly只读属性

size属性：列数

disabled:禁用，一旦组件被禁用了，值就不会向服务器端提交。

密码：< input type = “password”/>

文件选择框：< input typr = “file”/>

​ accept = ".png,.jpg"限制（过滤文件）

单选：< input type = “radio”/>

用name关联，name相同时为一组，一组只能选一个

选择性组件，需要给默认值（value），表单提交时，只会提交选中的那一个，checked= “checked”,默认选中

下拉框

select标签

name自定义

option选项，value向服务器端提交的

表单会默认选中提交的内容 默认选中selected = “selected”

多行文本组件 多行文本域< textarea>闭合标签

cols：列数

rows行数

文本域没有value，标签体就是value

按钮

eg：<input type = “reset”,value = “重填”/>重置按钮

​ <input type =“submit”,value = “保存”/>提交按钮

​ 向服务器端提交表单

​ <input type = “button”,value = “”>普通按钮

​ 主要用于触发事件

内联框架

iframe标签

src = “”；name= “指定窗口”;width="";height = “”;frameborder = “”

target属性：_self在当前窗口打开

_blank在新窗口打开新页面

aa在指定名称的窗口打开页面

top在顶层打开新页面

parent在父级窗口打开新页面