HTML基本标签

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/wjarvis/article/details/53140413

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)

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





展开阅读全文

没有更多推荐了,返回首页