个人笔记
2013-09-03 21:17
489 查看
HTML
概念
html(hypertext markup language)超文本标记语言，在网页上显示文字,图片,视频,音频等
html 是超文本标记语言，使用标签来在网页中显示内容的，由于除了文本之外还可以显示视频、音频、图片等，所以称为超文本
2,html语言是通过标签来声明的,例如<img>标签声明这是一个图片html的标签，又开始有结束，但是当标签中没有内容的话，可以<br/>快捷方式
html标签是由属性和值来组成的
H1----h6,，以后做搜索引擎优化的时候需要
搜索引擎：百度、google、搜搜、搜狗
H1 权重最高、h6最低，建议使用一个h1标签
html的标签都是闭合的,有开始有结束,如果标签内没有内容可以简写成：
<img src=""/>
HTML元素，指的是标签之间的内容
例如 body元素：
<h1>这是h1标签</h1>
<h2>这是h2标签</h2>
<h3>这是h3标签</h3>
<h4>这是h4标签</h4>
<h5>这是h5标签</h5>
<h6>这是h6标签</h6>
<p>这就是一个段落paragraph缩写</p>
html的标签是由属性名和属性值构成
<标签属性名=属性值>
1，html标题标签： <h1> - <h6>
2，段落： <p>标签
3，超链接标签： <a>
4，html图像 <img/>
5，html表格 <table>
6，框架 <iframe><frameset>
P元素：
这就是一个段落paragraph缩写
注意：
html所有的标签，都会有title、class、name、id、style属性
和段落相关的标签
P
<br/>
Strong标签和 b标签：
Strong 加强语气的，所以对搜索引擎来说更重要
tyle属性
将所有的样式包含，不同的样式之间使用；隔开
Style属性淘汰了，bgcolor align font
使用 background-color text-align font-family font-size
等来代替
4，a标签
Href属性
指向目标连接
Target属性 _blank
弹出一个新的窗口 _self （替换当前窗口） _parent
在父窗口基础上打开（火狐的话）
Name属性
使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链
接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。
<a name="tips">Useful Tips Section</a>
<a href="#tips">Visit the Useful Tips Section</a>
5，Table表格：
1、表格边框：border属性
2、表格中的表头：<th>
3、带有标题的表格：<caption></caption>
4、跨行、跨列的单元格 colspan rowspan
5、单元格边距：cellpadding
6、单元格间距：cellspacing
单元格边距：cellpadding
单元格内容和边框之间的距离
f633
单元格间距：cellspacing
单元格与单元格之间的距离
6，有序列表、无序列表
<ol> ordered line
无序列表
<ul> unordered
<Li>
1、有序列表
有序列表类型：A、a、I、i
2、无序列表
无序列表类型通过type属性：circle、disc、square
7，表单的重要性：
浏览器和 php（服务器）进行交互，可以通过地址栏传递参数，也可以通过表单提交数据
但是，在地址栏传递数据安全性低，所以通常使用表单来提交 post方式
表单由 form标签，有哪些属性呢？
Name属性，用来找到某个表单的
Action 属性，表单提交的地址
Method属性，表弟那提交的方式，get post
Enctype属性，如果需要上传图片，enctype属性的值，必须是multipart/form-data
文本域：
Text
Value属性，控制默认值
Size 属性，控制表单显示多少个字符
Maxlength属性，限制表单最多输入几个字符
Readonly属性，控制表单的内容为只读的
密码
Name属性和 id属性通常都是用来定位到某个表单的
单选框：
注意：
单选框，必须分组，
上传文件
Type=file
必须保证表单的编码是 ectype=”multipart/form-data”
下拉列表是通过 select标签实现的
每一个列表项是 option
Option有 value
属性，当表单提交过去之后能够根据value属性获得他的值
多行文本域
Textarea用于提交多行的文本
重置按钮
将表单恢复到默认的状态
隐藏域：
Type=hidden
在浏览器端，是看不到的，为了数据更安全，偷偷的提交过去的
8，图像映射
和图像相关的属性
图像映射
图像映射的构成：
Img --------将哪个图像制作映射效果
<map> ----- 开始制作图像映射
<area>--------将图像分割成几个区域
Area标签，有4个属性：
Shape：映射的形状
Coords: 坐标
Href: 指向的是点击映射区域后，跳转的地址，如果没有指定href属性的话，需要声明 nohref=”nohref”
Alt:替代文字
HTML
元素指的是从开始标签（starttag）到结束标签（end tag）的所有代码。
body元素：
<body>
<p>This is my first paragraph.</p>
</body>
属性为 HTML
元素提供附加信息。
例如：
<h1 align="center">
拥有关于对齐方式的附加信息。
<body bgcolor="yellow">
拥有关于背景颜色的附加信息。
HTML
段落：
段落是通过<p> 标题定义的。
HTML
换行：
换行是通过<br/>标签定义的。
<b>
定义粗体文本。
<strong>
定义加重语气。
<sub>
定义下标字。
<sup>
定义上标字。
<pre>
定义预格式文本。
<pre>
标签的一个常见应用就是用来表示计算机的源代码。
<blockquote>
定义长的引用。
<q>
定义短的引用语。
style
属性：改变html的样式
注意：
不建议使用 style属性定义html元素的样式，建议使用CSS来控制样式
style
属性：改变html的样式
1、style
属性淘汰了“旧的” bgcolor
属性。
<h2 style="background-color:red">This is aheading</h2>
2、style
属性淘汰了旧的<font> 标签。
<p style="font-family:arial;color:red;font-size:20px;">Aparagraph.</p>
3、style
属性淘汰了旧的"align" 属性。
<h1 style="text-align:center">This is aheading</h1>
注意：
不建议使用 style属性定义html元素的样式，建议使用CSS来控制样式
HTML
使用超级链接与网络上的另一个文档相连，点击链接可以从一张页面跳转到另一张页面。
1、href
属性规定链接的目标
<a href="http://www.tmall.com/">跳转到淘宝</a>
2、target
属性定义被链接的文档在何处显示
新窗口打开文档：<a href="xxx" target="_blank">xxx!</a>
3、name
属性
使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链
接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。
<a name="tips">Useful Tips Section</a>
<a href="#tips">Visit the Useful Tips Section</a>
1、表格边框：border属性
2、表格中的表头：<th>
3、带有标题的表格：<caption></caption>
4、跨行、跨列的单元格 colspan rowspan
5、单元格边距：cellpadding
6、单元格间距：cellspacing
1、有序列表
有序列表类型：A、a、I、i
2、无序列表
无序列表类型通过type属性：circle、disc、square
1、表单使用表单标签（<form>）定义
2、文本域 <input type="text"name="firstname" />
3、单选按钮 <input type="radio"name="sex" value="male" /> Male
4、复选框 <input type="checkbox"name="car" />
5、下拉列表 <select>
和 <option> 预选值selected
6、文本域 <textarea>
7、表单提交 action
属性、提交方式和 submit提交按钮
8、隐藏域 hidden属性
1、表单使用表单标签（<form>）定义
2、文本域 <input type="text"name="firstname" />
3、单选按钮 <input type="radio"name="sex" value="male" /> Male
4、复选框 <input type="checkbox"name="car" />
5、下拉列表 <select>
和 <option> 预选值selected
6、文本域 <textarea>
7、表单提交 action
属性、提交方式和 submit提交按钮
8、隐藏域 hidden属性
1、背景图片 background="eg_background.jpg">
2、排列图片 align属性
对齐方式：bottom middle top
3、调整图像尺寸 "height"
和"width" 属性
4、替换文本 alt属性
5、制作图像链接 <a href="xxx"><imgsrc="xxx" /></a>
6、img图像映射
通过<img/>后添加<map>和<area>设置
<map>元素表明映射的开始，他只有一个name属性
<area>元素表明每个区域，如果要把一个图片分4个区域，则用4个area。
area元素的属性：
shape：rectangle\poly\circle
映射区的形状
coords：指定区域的坐标。
href和nohref：href指定目的的链接，如果不指定href属性，则需要指定nohref，nohref="nohref"
target：和<a>一样
<map>元素表明映射的开始，他只有一个name属性
<area>元素表明每个区域，如果要把一个图片分4个区域，则用4个area。
area元素的属性：
shape：rectangle\poly\circle
映射区的形状
coords：指定区域的坐标。
href和nohref：href指定目的的链接，如果不指定href属性，则需要指定nohref，nohref="nohref"
target：和<a>一样
概念
html(hypertext markup language)超文本标记语言，在网页上显示文字,图片,视频,音频等
html 是超文本标记语言，使用标签来在网页中显示内容的，由于除了文本之外还可以显示视频、音频、图片等，所以称为超文本
2,html语言是通过标签来声明的,例如<img>标签声明这是一个图片html的标签，又开始有结束，但是当标签中没有内容的话，可以<br/>快捷方式
html标签是由属性和值来组成的
H1----h6,，以后做搜索引擎优化的时候需要
搜索引擎：百度、google、搜搜、搜狗
H1 权重最高、h6最低，建议使用一个h1标签
html的标签都是闭合的,有开始有结束,如果标签内没有内容可以简写成：
<img src=""/>
HTML元素，指的是标签之间的内容
例如 body元素：
<h1>这是h1标签</h1>
<h2>这是h2标签</h2>
<h3>这是h3标签</h3>
<h4>这是h4标签</h4>
<h5>这是h5标签</h5>
<h6>这是h6标签</h6>
<p>这就是一个段落paragraph缩写</p>
html的标签是由属性名和属性值构成
<标签属性名=属性值>
1，html标题标签： <h1> - <h6>
2，段落： <p>标签
3，超链接标签： <a>
4，html图像 <img/>
5，html表格 <table>
6，框架 <iframe><frameset>
P元素：
这就是一个段落paragraph缩写
注意：
html所有的标签，都会有title、class、name、id、style属性
和段落相关的标签
P
<br/>
Strong标签和 b标签：
Strong 加强语气的，所以对搜索引擎来说更重要
tyle属性
将所有的样式包含，不同的样式之间使用；隔开
Style属性淘汰了，bgcolor align font
使用 background-color text-align font-family font-size
等来代替
4，a标签
Href属性
指向目标连接
Target属性 _blank
弹出一个新的窗口 _self （替换当前窗口） _parent
在父窗口基础上打开（火狐的话）
Name属性
使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链
接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。
<a name="tips">Useful Tips Section</a>
<a href="#tips">Visit the Useful Tips Section</a>
5，Table表格：
1、表格边框：border属性
2、表格中的表头：<th>
3、带有标题的表格：<caption></caption>
4、跨行、跨列的单元格 colspan rowspan
5、单元格边距：cellpadding
6、单元格间距：cellspacing
单元格边距：cellpadding
单元格内容和边框之间的距离
f633
单元格间距：cellspacing
单元格与单元格之间的距离
6，有序列表、无序列表
<ol> ordered line
无序列表
<ul> unordered
<Li>
1、有序列表
有序列表类型：A、a、I、i
2、无序列表
无序列表类型通过type属性：circle、disc、square
7，表单的重要性：
浏览器和 php（服务器）进行交互，可以通过地址栏传递参数，也可以通过表单提交数据
但是，在地址栏传递数据安全性低，所以通常使用表单来提交 post方式
表单由 form标签，有哪些属性呢？
Name属性，用来找到某个表单的
Action 属性，表单提交的地址
Method属性，表弟那提交的方式，get post
Enctype属性，如果需要上传图片，enctype属性的值，必须是multipart/form-data
文本域：
Text
Value属性，控制默认值
Size 属性，控制表单显示多少个字符
Maxlength属性，限制表单最多输入几个字符
Readonly属性，控制表单的内容为只读的
密码
Name属性和 id属性通常都是用来定位到某个表单的
单选框：
注意：
单选框，必须分组，
上传文件
Type=file
必须保证表单的编码是 ectype=”multipart/form-data”
下拉列表是通过 select标签实现的
每一个列表项是 option
Option有 value
属性，当表单提交过去之后能够根据value属性获得他的值
多行文本域
Textarea用于提交多行的文本
重置按钮
将表单恢复到默认的状态
隐藏域：
Type=hidden
在浏览器端，是看不到的，为了数据更安全，偷偷的提交过去的
8，图像映射
和图像相关的属性
图像映射
图像映射的构成：
Img --------将哪个图像制作映射效果
<map> ----- 开始制作图像映射
<area>--------将图像分割成几个区域
Area标签，有4个属性：
Shape：映射的形状
Coords: 坐标
Href: 指向的是点击映射区域后，跳转的地址，如果没有指定href属性的话，需要声明 nohref=”nohref”
Alt:替代文字
HTML
元素指的是从开始标签（starttag）到结束标签（end tag）的所有代码。
body元素：
<body>
<p>This is my first paragraph.</p>
</body>
属性为 HTML
元素提供附加信息。
例如：
<h1 align="center">
拥有关于对齐方式的附加信息。
<body bgcolor="yellow">
拥有关于背景颜色的附加信息。
HTML
段落：
段落是通过<p> 标题定义的。
HTML
换行：
换行是通过<br/>标签定义的。
<b>
定义粗体文本。
<strong>
定义加重语气。
<sub>
定义下标字。
<sup>
定义上标字。
<pre>
定义预格式文本。
<pre>
标签的一个常见应用就是用来表示计算机的源代码。
<blockquote>
定义长的引用。
<q>
定义短的引用语。
style
属性：改变html的样式
注意：
不建议使用 style属性定义html元素的样式，建议使用CSS来控制样式
style
属性：改变html的样式
1、style
属性淘汰了“旧的” bgcolor
属性。
<h2 style="background-color:red">This is aheading</h2>
2、style
属性淘汰了旧的<font> 标签。
<p style="font-family:arial;color:red;font-size:20px;">Aparagraph.</p>
3、style
属性淘汰了旧的"align" 属性。
<h1 style="text-align:center">This is aheading</h1>
注意：
不建议使用 style属性定义html元素的样式，建议使用CSS来控制样式
HTML
使用超级链接与网络上的另一个文档相连，点击链接可以从一张页面跳转到另一张页面。
1、href
属性规定链接的目标
<a href="http://www.tmall.com/">跳转到淘宝</a>
2、target
属性定义被链接的文档在何处显示
新窗口打开文档：<a href="xxx" target="_blank">xxx!</a>
3、name
属性
使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链
接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。
<a name="tips">Useful Tips Section</a>
<a href="#tips">Visit the Useful Tips Section</a>
1、表格边框：border属性
2、表格中的表头：<th>
3、带有标题的表格：<caption></caption>
4、跨行、跨列的单元格 colspan rowspan
5、单元格边距：cellpadding
6、单元格间距：cellspacing
1、有序列表
有序列表类型：A、a、I、i
2、无序列表
无序列表类型通过type属性：circle、disc、square
1、表单使用表单标签（<form>）定义
2、文本域 <input type="text"name="firstname" />
3、单选按钮 <input type="radio"name="sex" value="male" /> Male
4、复选框 <input type="checkbox"name="car" />
5、下拉列表 <select>
和 <option> 预选值selected
6、文本域 <textarea>
7、表单提交 action
属性、提交方式和 submit提交按钮
8、隐藏域 hidden属性
1、表单使用表单标签（<form>）定义
2、文本域 <input type="text"name="firstname" />
3、单选按钮 <input type="radio"name="sex" value="male" /> Male
4、复选框 <input type="checkbox"name="car" />
5、下拉列表 <select>
和 <option> 预选值selected
6、文本域 <textarea>
7、表单提交 action
属性、提交方式和 submit提交按钮
8、隐藏域 hidden属性
1、背景图片 background="eg_background.jpg">
2、排列图片 align属性
对齐方式：bottom middle top
3、调整图像尺寸 "height"
和"width" 属性
4、替换文本 alt属性
5、制作图像链接 <a href="xxx"><imgsrc="xxx" /></a>
6、img图像映射
通过<img/>后添加<map>和<area>设置
<map>元素表明映射的开始，他只有一个name属性
<area>元素表明每个区域，如果要把一个图片分4个区域，则用4个area。
area元素的属性：
shape：rectangle\poly\circle
映射区的形状
coords：指定区域的坐标。
href和nohref：href指定目的的链接，如果不指定href属性，则需要指定nohref，nohref="nohref"
target：和<a>一样
<map>元素表明映射的开始，他只有一个name属性
<area>元素表明每个区域，如果要把一个图片分4个区域，则用4个area。
area元素的属性：
shape：rectangle\poly\circle
映射区的形状
coords：指定区域的坐标。
href和nohref：href指定目的的链接，如果不指定href属性，则需要指定nohref，nohref="nohref"
target：和<a>一样
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 个人LaTeX笔记（七）
- 【个人笔记】anaconda安装遇到的问题：failed to creat anaconda menus的解决方法
- OpenStack安装部署---个人笔记整理
- 动态域名解析【个人笔记，仅供参考】
- java个人学习笔记：javaBean
- Android微信第三方登录（个人笔记
- MTK个人入门笔记（歌词显示开关，开关机声音，关机设置为静音，抓CMAERA的trace，CAMERA_sensor的initialization）
- Android复习-fragment声明周期与Activity生命周期（个人笔记）
- 用PHP对一张图片进行九宫格位置的随机水印添加 （个人学习笔记）
- 【个人笔记】ubuntu下安装ssh
- NP是可计算的吗？－ “问题”的分类 已有 1733 次阅读 2015-12-16 16:03 |个人分类:不确定性问题和算法讨论|系统分类:科研笔记|关键词:NP 可计算性 算法 在现有的NP完备
- Android个人笔记-开源库
- 【个人笔记】Visual Studio 2015更改背景与背景图
- 【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记29 URL的使用
- Git个人学习笔记
- LeetCode个人笔记-Two Sum(1)
- 个人笔记
- C 语言学习笔记 （个人）
- 14、刘媛媛《普通人快速崛起31节修炼课》 第十四讲 个人学习笔记
- java学习个人笔记---非静态内部类