HTML基本标签

2016-11-12

----------------

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

1.HTML标签

大部分标签都需要开始和结尾，没有严格的语法要求只是有些标签可以实现特定的功能

(1) HTML

(2) HEAD

title 定义网页标题

meta：定义编码格式(UTF-8国际;IOS-8859-1 支持拉丁语系;GBK 国标;GB2312 国标)，

   页面关键词（搜索引擎收录SEO），页面是否需要缓存，页面文档风格（）

link: 引用外部样式表（排版）

scriptjs代码/引用外部的js代码

style网页中的样式表

base定义网页端基础地址（url）,网页端默认前缀地址  在jsp中使用

(3) Body

webRoot 放页面

用法：<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta http-equiv="refresh" content="3;url=http://baidu.com"/>

<br/>换行标签  

<p>段落标签

<h>...</h>标题标签

<hr/>水平线标签

<em>斜体标签

<strong>粗斜体标签

注释和特殊符号

&nbsp;空格

&gt;大于号（>）

&lt;小于号（<）

&quout;引号（"）

&copy；版权符号@

<!-- HTML注释内容 -->

<a>超链接标签

href 链接的地址

src 图片地址

<a href=' www.baidu.com'>百度一下，你就会死</a>

<img src=' 图片地址 '  />

-------------------------------------------------------------------------------------------------------------

input

type='text'  单行文本框value='输入框的值'

type='botton'    按钮

    <input type='text' placeholder='请输入是大保健还是小报价'>
                    <input type='button' value="天贵小报价"> 

-------------------------------------------------------------------------------------------------------------

br 换行

&nbsb

&emsp 空格

h1--h6 标题标签

font：字体，html5不支持，请用CSS

<font color='red' size='72' face='kaiti'>天贵小保健</font> 

-------------------------------------------------------------------------------------------------------------

span 容器

label

ul/ol 列表（无序列表/有序列表）

li 列表中子项

-------------------------------------------------------------------------------------------------------------

table

头thead

躯干 tbody

脚tfoot

行tr

列td/th(表头)

<table>

<tr>

<td>学号</td>

<td>姓名</td>

<td>性别</td>

<td>分数</td>

</tr>

<tr>

<td>1</td>

<td>家伟</td>

<td>男</td>

<td>80</td>

</tr>

<tr>

<td>2</td>

<td>天贵</td>

<td>男</td>

<td>90</td>

</tr>

-------------------------------------------------------------------------------------------------------------

3.表格标签

4表单标签

5.XHTML框架结构

iframe

------------------------------------------------------------------------------------------------------

request 客户端请求

response 服务器响应

B/S结构（Browser/Server，浏览器/服务器模式）

静态网页：没有和服务器交互

-------------------------------------------------------------------------------------------

HTML布局-->结构(XHTML、XML)

css美化-->表现(CSS)

javascript 特效->行为(DOM、ECMAScript)

----------------------------------------------------------------------------------------------