HTML
标记:HTML用于描述功能的符号,称为 标记,比如<p>,<h1>; 标记会导致不同的显示效果
------封闭类型标记:必须成对出现 <p></p>
------非封闭类型标记,也叫空标记和单标记:如 <br> <br/>
元素和属性:
元素:既标记
属性:用来修饰元素的,一个标记有一个或一个以上的属性,中间用空格隔开
-----通用属性(标准属性)
----id title class style
注释:<!-- -->
文档类型的声明:
在文档启始用 DOCTYPE指定版本和风格,告诉浏览器文档的版本、类型和风格
文档类型声明:过渡型,严格型 框架性
<head> 元素
用于定义页面的全局信息,可以包含
title
mata 定义网页的基本信息,
script
link
标题元素 :让文字4以醒目的方式显示,常常用于文章的标题
基本语法 :<h#></h#> #=1,2,3,4,5,6 标题1 到标题6 慢慢变小
段落元素:<p>
结构化文本的一种方式 ;<p> 元素中的文本会用单独的段落显示 常用的属性 :align
换行: <br/>
分区元素 <span> 和<div> : 常用于页面布局
块分区元素: <div></div>
行内分区元素: <span></span> :设置同一行文字的不同格式
<div style="color:blue;">
<p>first </p>
<p>second</p>
</div>
<p> 小米是个好<span style="color:red;">孩子</span></p>
行内元素和块内元素:
----- 块级元素:默认情况,块级元素会独占一行,就是元素前后都会自动换行;如 <p> <div> <hn>
------行内元素:不会换行 <span> <a>
URL:统一资源定位器,用来标识网络中的任何资源;
---完整的URL的组成:
协议,机名,路径名 文件名
图像元素<img>
------使用<img>元素将图像添加到页面
-----空标记
必须属性:src
常用属性:width、height
<img with="100" src= "image/rose.jpg"/>
链接元素<a>
----使用<a> 元素 创建一个超级链接,语法如下:
<a href="" target=" ">文本</a>
-----href属性:链接URL
-----target属性:目标,可取值为 _blank:在浏览器的新的窗口打开 _self等
锚点:
锚点是文档中某行的一个记号
-----用于链接到文档的某个位置
定义锚点:
<a name="name1">锚点一</a>
链接到锚点:在锚点名前加上 #
<a href = "#a>回到锚点</a>
列表的作用:
----列表是指具有相似特征或者具有先后顺序的几行文字进行对齐排列
所有的列表都由列表类型和列表项组成
--列表类型:有序列表 <ol> 和无序列表 <ul>
--列表项:<li>,用于指示具体的列表内容
列表的嵌套:将列表元素嵌套使用,可以用来多层列表,常用于创建文档大纲,导航菜单等
表格的作用:用来组织结构化的信息
----定义表格:<table></table>
----创建表行:<tr></tr>
---创建单元格 <td><td>
表格的常用属性:
------<table>
--border
--width/heigth
---align
----cellpadding: 单元格边框和内容之间的间距
----cellspacing:单元格之间的间距
<tr>元素
---align/ valign
表格的标题: <caption>
------定义在<table> 之后,一个表格只能定义一个标题
行分组:
表格划分为3个部分:
表头 <thead></thead>
表主体:<tbody><tbody>
表尾: <tfoot><tfoot>
不规则的表格
设置单元格<td>的跨行或者跨列的属性
-----跨行:colspan
----水平方向延伸单元格,值为一个整数
------跨列 :rowspan
垂直方向的单元格
表格的嵌套:
------嵌套表格
----在单元格中放置另外一个表格
----<td>元素再包含<table>元素
表单
----定义<form></form>
----主要属性:
---action:定义表单提交的动作 (url)
----method:表单提交的方式 get 或post
----enctype: 表单数据进行编码的方式
-----name:表单的名称
表单控件
--input元素:文本输入控件,按钮,单选和复选按钮,选项框,文件选择框和隐藏控件
主要属性:type:
value:控件的数据
name:控件的名称
--textarea元素
--select和option元素
--其他元素
文本框和密码框:
<input type="text"password"/>
value属性:由访问者自由输入任何文本
maxlength属性:限制输入的字符数
readonly属性: 只读属性
单选框和复选框:
type=“radio” 或type=“checkbox”
主要属性:
--value:文本
--name : 用于实现分组
---checked:设置选中
按钮:
提交:type="submit";
重置按钮: type=“reset”
普通按钮: type = “button”
主要属性: -----value:按钮的标题文本
隐藏域和文件选择框:
<input type="hidden"/> 在表单中不希望用户看见的信息
文件选择框:<input type="file"/>
表单:
<label>元素
-----<label> 文本</label>
------主要属性: 表示与该元素相联系的控件ID值
选项框
<seclet>:创建选项框
--name:选项框名
--size:大于1.则为 滚动列表
---multiple: 设置多选
<option>:选项
--value:选项的值
--selected:预选中
<textarea>
多行文本输入框
--<textarea>文本</textarea>
主要属性:
---cols:指定文本区域的列数
-----rows:指定文本区域的行数
-------readonly:只读
为控件分组:
<fieldset> 元素:为控件分组
<legend> 元素:为分组指定一个标题