html

HTML：Hyper Text Markup Language 超文本标记语言

　　 超文本：比文本功能更加强大

　　标记语言：通过一组标签对内容进行描述的一门语言

　　HTML是设计页面基础

　　设计页面的时候都可以使用HTML

HTML的字体标签

<font>标签

<font 属性名=”属性值”>文字</font> 　　　　　　size:控制字体大小.最小1 最大7

　　　　　　　　　　　　　　　　　　　　　　color：控制字体颜色. 使用英文设置 ，使用16进制数设置 

　　　　　　　　　　　　　　　　　　　　　　face：控制字体.

<font size="3" color="red">This is some text!</font>
<font size="2" color="blue">This is some text!</font>
<font face="verdana" color="green">This is some text!</font>

HTML的排版标签

<hn>标题标签

<h1>b标题</h1>

 <p>段落标签

<p>一段文字</p>

<br/>换行标签

<br/>代表换行

 

 <hr/>水平线标签

<hr/>水平线标签

<b>字体加粗

<b>文字</b>

<i>斜体标签

<i>斜体</i>

HTML的图片标记

<img />  　　 src：图片的路径

　　　　　　 width：图片宽度

　　　　　　height：图片的高度

　　　　　　alt：图片提示

<img src="/i/eg_tulip.jpg"  alt="上海鲜花港 - 郁金香" />

 

HTML的列表标签

无序列表

<ul>
<li>内容1</li>
<li>内容2</li>
</ul>

 

有序列表

<ol>
<li>内容1</li>
<li>内容2</li>
</ol>

 

超链接标签

<a>超链接</a>　　　　 href：超链接跳转的路径　　

　　　　　　　　　　　target：打开方式            self：在自身页面打开

　　　　　　　　　　　　　　　　　　　　　　blank：打开一个新窗口

<a href="http://www.w3school.com.cn" target="self">W3School</a>

 

HTML的表格标签

<table>
        <tr>
            <td></td>
            <td></td>
        </tr>
</table>

 

表格的属性：

　　border ：表格边框

　　width ：表格宽度

　　height ：表格高度

　　align ：水平方向对齐方式 left center right

　　bgcolor ：背景色

HTML的表单标签

需要提交的表单需要使用<form></form>括起来　　　　　　 action：提交路径

　　　　　　　　　　　　　　　　　　　　　　　　　　　method：提交方式

<form action="路径" method="post">
</form>

 

文本框:

<input type=”text”/>    name

　　　　　　　　　　value

　　　　　　　　　　 size

　　　　　　　　　　 maxlength

    <input type=”text”/>

 

<form>
名：
<input type="text" name="firstname">
<br />
姓：
<input type="text" name="lastname">
</form>

 

密码框：

    <input type=”password”/>

 

单选按钮：

<input type=”radio”/>  //Checked：默认选中

 

复选框

<input type=”checkbox”/>  // Checked：默认选中

 

下拉列表框

<select><option></option></select>

<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

 

文件上传项

<input type=”file” name=”file”/>

 

文本区

<textarea name=”” cols=”” rows=””></textarea>

提交按钮

<input type=”submit” value=”注册”>

普通按钮

<input type=”button” value=”普通按钮”>

隐藏字段

<input type=”hidden” name=”id”/>

提交方式： GET ：默认值 　　　　提交的数据都会在地址栏中进行显示

　　　　　　　　　　　　　　　　提交的数据的时候是有大小的限制

　　　　　 POST　　　　　　　　提交的数据不会再地址栏中进行显示

　　　　　　　　　　　　　　　　提交的数据没有大小限制

HTML的框架标记

<frameset> </frameset>

<frameset cols="25%,50%,25%">

  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">

</frameset>