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不会影响布局.