HTML:
HTML:超级文本标记语言(HyperText Markup Language)<a></a>
“超文本”就是指页面内可以包含图片、链接等非文字内容。
“标记”就是使用标签的方法将需要的内容包括起来。例如:<a>www.itcast.cn</a>
HTML代码:用于展示需要显示的数据。
CSS代码:使显示的数据更佳好看。
JavaScript代码:使整个页面显示的数据具有动画效果。
<html> 整个页面的根标签,理论上一个页面只需要一个,由头和体组成。
<head> 头标签,用于引入脚本、导入样式、提供元信息等。一般情况下头标签的内容在浏览器端都不显示。
<title>子标签,用于显示浏览器标题。<title>
<head>
<body> 体标签,是整个网页的主体,我们编写的html代码基本都在此标签体内。</body> </html>
标签大全:(标题标签)(水平线标签)(字体标签)(格式化标签)(段落标签)(图片标签)(列表标签)(超链接标签)
<h1></h1> 标题标签
<hr /> 水平线标签
<font> 用于设置字体尺寸、字体颜色等。
<b></b>粗体
<i></i> 斜体
<p></p>定义段落。p 标签会自动在其前后创建一些空白
<br />插入单个换行
size属性:水平线的高度,单位像素 默认是3
noshade属性:没有阴影,取值:noshade,表示显示纯色
color属性:设置字体的颜色
<img> 在html页面中引用一张图片
src :指定需要显示图片的URL(路径)。
alt :图片无法显示时的替代文本。
width :设置图像的宽度。
height :定义图像的高度。
<ol> 定义有序列表。
<ul> 定义无序列表
<li> 定义列表项。
href:用于确定需要显示页面的路径(URL)
target:确定以何种方式打开href所设置的页面。常用取值:_blank、_self 等
_blank 在新窗口中打开href确定的页面。
_self 默认。使用href确定的页面替换当前页面。
<table> 是父标签,相当于整个表格的容器。
border 表格边框的宽度。
width 表格的宽度。
cellpadding 单元边沿与其内容之间的空白。内边距
cellspacing 单元格之间的空白。 外边距
bgcolor 表格的背景颜色。
<tr>标签用于定义行
<td>标签用于定义表格的单元格(一个列)
colspan 单元格可横跨的列数。
rowspan 单元格可横跨的行数。
align 单元格内容的水平对齐方式, 取值:left 左 、right 右、center 居中。
<th>标签用于定义表头。单元格内的内容默认居中、加粗。
<frameset> 标签,是多个窗口页面整合在一起的一个集合(框架集)。每一个页面(框架)都是单独文档,需要使用子标签<frame>来确定页面的位置。
<frameset>通过列和行来确定整体布局,使用cols确定列数,使用rows确定行数。多个<frameset>可以嵌套使用。
<frameset>和<body>两个不能共存。
rows属性和cols属性取值:值1,值2,值3,….. 一个值表示一行(列),多值使用逗号分隔,值可以是 10px、10% 等,最后一个值如果不想计算可以使用*匹配剩余量。
框架子标签:<frame>
<frame>标签,用于设置<frameset>框架集中的一个页面(框架)。
src属性:确定页面的路径
noresize属性:框架分隔先不能移动
target属性:确定需要显示的页面在何处显示
<form> 表单标签,在html页面创建一个表单,表单标签在浏览器上没有任何显示。如果数据需要提交到服务器,
负责搜集数据的标签必须存放在表单标签体内容。
action属性:请求路径,确定表单提交到服务器的地址(路径)
method属性:请求方式。常用的取值:GET、POST
<input> 标签用于获得用户输入信息,type属性值不同,搜集方式不同。最常用的标签。
type属性:
text:文本框
password:密码框
radio:单选框,
submit:提交按钮。提交按钮会把表单数据发送到服务器。一般不写name属性,否则将“提交”两个字提交到 服 务器
checkbox: 复选框
image: 按钮上的图片
file:文件上传组件,提供"浏览"按下可以选择需要上传文件.
hidden:隐藏字段. 数据会发送给服务器,但浏览器不进行显示。
reset:重置按钮。将表单恢复到默认值。
button:普通按钮,常用于与JavaScript结合使用。
name:元素名,如果需要表单数据提交到服务器,必须提供name属性值,服务器通过属性值获得提交的数据。
value属性:设置input标签的默认值。submit和reset为按钮显示数据
checked属性:单选框或复选框被选中。
readonly:是否只读
disabled:是否可用
<select>
name属性:发送给服务器的名称
multiple属性:不写默认单选,取值为“multiple”表示多选。
size属性:多选时,可见选项的数目。
<option> 子标签:下拉列表中的一个选项(一个条目)。
selected :勾选当前列表项
value :发送给服务器的选项值。
<textarea>
<textarea> 文本域。多行的文本输入控件。
cols属性:文本域的列数
rows属性:文本域的行数
<button>
<button type="button|reset|submit"> 按钮标签一般很少使用,提供“普通|重置|提交”功能,不同的浏览器默认值不同。
div
div就是html一个普通标签,进行区域划分。特性:独自占一行。独自不能实现复杂效果。必须结合CSS样式进行渲染。
div通常其是块级元素