【黑马程序员】关于HTML的学习笔记
2013-12-15 13:52
260 查看
HTML，超文本标记语言，就是说在页面内可以包含文字，图片，视频等各种或文本或不是文本的标记语言。包含<head>和<body>，<head>包含页面的信息，而<body>提供网页的具体内容。
用户在向服务器发送请求后，服务器将请求的页面发送给用户，然后通过浏览器对HTML的翻译，将页面呈现给用户，而因为不同内核的浏览器的翻译不同，所以相同的HTML语句在不同浏览器中呈现的页面会有不同。
1. 转义符：HTML中的转义符是用“&”来表示的， 是空格，&是“&”符号，"是““ ”符号，©是版权符号，®是注册商标的符号等等。
2. <br/>回车与<p>分段的区别，用<p>分段的话，两段之间会有较大的空白，而<br/>没有
3. <center>***<center>标签，使中间的字居中显示
4. h标签，html定义了<h1></h1>到<h6></h6>六个h标签，分别代表六种不同大小的字体。
5. <b>***</b>粗体，将中间的字居中显示
6. <font></font>字体标签，属性有color，size等。
7. <a>：超链接，在属性href中填入链接的目标地址。如果是需要图片链接的话，用<a href="www.163.com"><img src="图片URL"/></a>。将<a>的target属性设定为“_blank”，可以在新窗口中打开超链接，用name为<a>取名，可以通过<a href="#name">****</a>来跳转到超链接的部分。相对URL：/代表网站根目录，../表示父目录，../../表示父目录的父目录，最好用相对URL，这样域名改变了，目录改变了都不受影响。
8. 图片：图片是链接的，不是插入，源地址失效，图片也会失效，alt属性为图片失效时的显示文本，鼠标放上去也会有提示。
border属性指定边框，border=“0”不显示边框，width，height指定图片的显示大小，不指定的话就是图片的原始大小。最好指定图片大小，即使是原始大小，因为不指定大小，图片会不占位置，下载后才调整位置，造成页面混乱。
如果想显示缩略图，不要只是通过width，height调节，因为还是会下载整张图片，造成速度变慢。
9. 列表
<ul><li>灌水区</li></li>版务区</li><li>原创贴图</li></ul>
还有一种有序的列表<ol></ol>
10. 表格
<table></table>为表格，在内部通过<tr>创建行，<tr>内部通过<td>创建单元格，将border设置为0来隐藏表格线
<tr>属性：align，水平对齐，可选left，right，center；valign，垂直对齐，可选top，middle，bottom。<td>也有align和valign。表头的td可用thead代替，就会显示粗体，居中显示。单元格内可写任意内容。
11. 表单
<form>为表单标签，要将数据交到服务器，则需要将<input>,<textaree>,<select>等表单元素放到form中
<Input>是主要的表单元素，type属性的可选值：submit（提交按钮），button（普通按钮,用value设置按钮上的文字），hidden（隐藏字段），image（图片按钮），password（密码框），radio（单选按钮，相同name属性的为一组），reset（重置按钮），text（文本框，size为宽度，value为值，maxlength为可输入的最大长度，readonly为只读，），checkbox（复选框，checked是否选中），file（文件选择框，form的enctype必须设置为multip
art/form-data，method属性为POST）
form属性：action=“提交到的页面”
12. <select>创建combobox或者listbox
size的值为显示出来的列表数量。如果size属性大于等于1，就是listbox，否则是combobox，<selectmultiple="multiple">多选的listbox
<select>中的<option>设置select中的项，通过value设置项的值。
将一个option设置为选中，<option selected="selected">aefe</option>
实现不选择，添加一个<optionvalue="-1">不选择</option>然后编程判断select选中的值如果是-1就认为不选择。
select分组，用optgroup对数据进行分组，分组本身不会被选择
13. <textarea>多行文本框，属性 cols和rows分别表示行数和列数
14. 头部标签
有两种用法
<meta name="名字" content="值"/>和
<meta http-equiv="名字" content="值"/>
指定网页编码
<meta http-equiv="Content-Type"content="text/html;charset=utf-8"/>
三秒后刷新此网页
<meta http-equiv="Refresh"content="3"/>
三秒后重定向到新页面
<meta http-equiv="Refresh"content="3" url="http://www.itcast.com"/>
禁止浏览器缓存页面
<meta http-equiv="Cache-Control"content="no-cache"/>
15. lable
通过点击标签来时标签对应的文本框或复选框等获得焦点
首先给控件取id
然后在前面放lable
lable的for属性填对应的控件的名字
<label for="name">姓名</label><inputid="name" />
16. fieldset
作用是把几个控件包起来可以在这几个控件的上面写标签
17. <div>和<span>
<div>:将内容放入层中，可以将这些内容分当作一个整体来处理，比如整体隐藏整体移动等，类似于xaml的grid，stackpanel等
<span>:div是将内容放到一个矩形中，会影响布局，而span不会影响布局.
用户在向服务器发送请求后，服务器将请求的页面发送给用户，然后通过浏览器对HTML的翻译，将页面呈现给用户，而因为不同内核的浏览器的翻译不同，所以相同的HTML语句在不同浏览器中呈现的页面会有不同。
1. 转义符：HTML中的转义符是用“&”来表示的， 是空格，&是“&”符号，"是““ ”符号，©是版权符号，®是注册商标的符号等等。
2. <br/>回车与<p>分段的区别，用<p>分段的话，两段之间会有较大的空白，而<br/>没有
3. <center>***<center>标签，使中间的字居中显示
4. h标签，html定义了<h1></h1>到<h6></h6>六个h标签，分别代表六种不同大小的字体。
5. <b>***</b>粗体，将中间的字居中显示
6. <font></font>字体标签，属性有color，size等。
7. <a>：超链接，在属性href中填入链接的目标地址。如果是需要图片链接的话，用<a href="www.163.com"><img src="图片URL"/></a>。将<a>的target属性设定为“_blank”，可以在新窗口中打开超链接，用name为<a>取名，可以通过<a href="#name">****</a>来跳转到超链接的部分。相对URL：/代表网站根目录，../表示父目录，../../表示父目录的父目录，最好用相对URL，这样域名改变了，目录改变了都不受影响。
8. 图片：图片是链接的，不是插入，源地址失效，图片也会失效，alt属性为图片失效时的显示文本，鼠标放上去也会有提示。
border属性指定边框，border=“0”不显示边框，width，height指定图片的显示大小，不指定的话就是图片的原始大小。最好指定图片大小，即使是原始大小，因为不指定大小，图片会不占位置，下载后才调整位置，造成页面混乱。
如果想显示缩略图，不要只是通过width，height调节，因为还是会下载整张图片，造成速度变慢。
9. 列表
<ul><li>灌水区</li></li>版务区</li><li>原创贴图</li></ul>
还有一种有序的列表<ol></ol>
10. 表格
<table></table>为表格，在内部通过<tr>创建行，<tr>内部通过<td>创建单元格，将border设置为0来隐藏表格线
<tr>属性：align，水平对齐，可选left，right，center；valign，垂直对齐，可选top，middle，bottom。<td>也有align和valign。表头的td可用thead代替，就会显示粗体，居中显示。单元格内可写任意内容。
11. 表单
<form>为表单标签，要将数据交到服务器，则需要将<input>,<textaree>,<select>等表单元素放到form中
<Input>是主要的表单元素，type属性的可选值：submit（提交按钮），button（普通按钮,用value设置按钮上的文字），hidden（隐藏字段），image（图片按钮），password（密码框），radio（单选按钮，相同name属性的为一组），reset（重置按钮），text（文本框，size为宽度，value为值，maxlength为可输入的最大长度，readonly为只读，），checkbox（复选框，checked是否选中），file（文件选择框，form的enctype必须设置为multip
art/form-data，method属性为POST）
form属性：action=“提交到的页面”
12. <select>创建combobox或者listbox
size的值为显示出来的列表数量。如果size属性大于等于1，就是listbox，否则是combobox，<selectmultiple="multiple">多选的listbox
<select>中的<option>设置select中的项，通过value设置项的值。
将一个option设置为选中，<option selected="selected">aefe</option>
实现不选择，添加一个<optionvalue="-1">不选择</option>然后编程判断select选中的值如果是-1就认为不选择。
select分组，用optgroup对数据进行分组，分组本身不会被选择
13. <textarea>多行文本框，属性 cols和rows分别表示行数和列数
14. 头部标签
有两种用法
<meta name="名字" content="值"/>和
<meta http-equiv="名字" content="值"/>
指定网页编码
<meta http-equiv="Content-Type"content="text/html;charset=utf-8"/>
三秒后刷新此网页
<meta http-equiv="Refresh"content="3"/>
三秒后重定向到新页面
<meta http-equiv="Refresh"content="3" url="http://www.itcast.com"/>
禁止浏览器缓存页面
<meta http-equiv="Cache-Control"content="no-cache"/>
15. lable
通过点击标签来时标签对应的文本框或复选框等获得焦点
首先给控件取id
然后在前面放lable
lable的for属性填对应的控件的名字
<label for="name">姓名</label><inputid="name" />
16. fieldset
作用是把几个控件包起来可以在这几个控件的上面写标签
17. <div>和<span>
<div>:将内容放入层中，可以将这些内容分当作一个整体来处理，比如整体隐藏整体移动等，类似于xaml的grid，stackpanel等
<span>:div是将内容放到一个矩形中，会影响布局，而span不会影响布局.
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 黑马程序员--------HTML学习笔记
- 黑马程序员-HTML学习笔记
- 黑马程序员之C# 学习笔记:关于string与stringbuilder的区别
- 黑马程序员之c#学习笔记:XML与HTML的主要区别
- 黑马程序员之C#学习笔记:关于C#构造函数
- 黑马程序员学习笔记——关于readLine()的那些事
- 黑马程序员HTML、CSS学习笔记
- HTML 5 关于文件读取学习笔记
- 黑马程序员学习笔记 关于继承
- 黑马程序员之C# 学习笔记:关于类的修饰符
- 黑马程序员之HTML学习笔记:把数据放在表格中
- 黑马程序员之 C#学习笔记:关于json在客户端解析汉字为ASCII码的解析
- 【黑马程序员】 学习笔记 - Html开发
- 黑马程序员学习笔记——关于时间复杂度计算2
- 黑马程序员之HTML学习笔记:rowspan属性实现HTML表格中一列跨越多行，colspan 属性实现HTML表格中一行跨越多列
- 黑马程序员(学习笔记一)——关于一维数组的几种操作方式。求最大，最小值，查找！
- 黑马程序员-IOS学习笔记 OC 关于对象方法类方法的一些概念
- 黑马程序员-- HTML基础学习笔记
- 黑马程序员之HTML学习笔记:HTML学习大纲
- 黑马程序员 html学习笔记