web编程之html篇(全)

1.语法

标签:<标签名 属性>内容</标签名>

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

2.结构

声明元素                     <?xml version="1.0" encoding="utf-8"?>

SGML DOCTYPE命令   <!DOCTYPE html PUBLIC "-//w3c/DTD XHTML 1.1//EN"

                                  http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd>

 

文档结构

                  <html xmlns = http://www.w3.org/1999/xhtml>

                       <head><title> our first document </title>

                       </head>

                       <body>

                             <p>

                               Greetings from your Webmaster!

                             </p>

                       <body>

                    </html>

3.基本标签

段落:<p> </p>

换行:<br/>

标题:<h(1-6)> </h(1-6)>

文本块引用:<blockquote></blockquote>

粗体:<b></b>

斜体:<i> </i>

字体大:<big></big>

字体小:<small></small>

右上角:<sub></sub>

右下角:<sup></sup>

等宽:<tt></tt>

水平线:<hr/>

 

4.字符实体

&: &amp

<: &lt

>: &gt

":  &quot

':   &apos

1/4:&frac14

。: &deg

(space): &nbsp

 

5.meta元素

 

6.图片

 <img src="图片路径" alt="图片不能正常显示时显示该文本"> </img>

或者 <img src="图片路径" alt="图片不能正常显示时显示该文本"/>

 

此外还有属性width和height用以指定图片大小.

7.超级链接

 <a href="链接的目标路径"> 显示的文本</a>

链接的目标的可以是本文档中指定的id 格式为#id,可以定位到id指定的部位.

8.列表

1) 无序列表

列表每项内容之前只有项目符号;

<ul>

     <li>第一项内容</li>

     <li>第二项内容</li>

     <li>第三项内容</li>

</ul>

2) 有序列表

列表每项内容按顺序显示序号;

<ol>

     <li>第一项内容</li>

     <li>第二项内容</li>

     <li>第三项内容</li>

</ol>

3) 定义列表

列表中每项内容按指定项目号显示序号;

<dl>

    <dt>显示的号</dt>

    <dd>显示的内容</dd>

     <dt>显示的号</dt>

    <dd>显示的内容</dd>

</dl>

9.表格

表格标签<table>

属性border指定分割框的宽度;

属性cellpadding指定表格单元格的内容和单元格边框的间距;

属性cellspacing指定邻近单元格的间距.

表格标题标签<caption>

表格行标签<tr>

表格列标签<th>

表格内容<td>

属性rowspan 跨越行的范围,colspan跨越列的范围;

单元格中内容的布局属性:align取值left/right/center用于<tr><th><td>,valign取值top/bottom用于<th><td>

10.表单

表单标签<form>

属性:method取值:get,post

行内标签<input>可以指定文本,密码框,复选框,单选按钮,和提交/重置两种特殊按钮.

属性:type指定控件的类型,取值,text,password,checkbox,radio,submit,reset;

 

 

11.框架

你可能感兴趣的:(web编程之html篇(全))