HTML基础

标签

a标签：超链接

p标签：段落

h1标签：一级标题

br标签：换行

Hr标签：水平线

Pre标签：保留源代码格式

Center标签：居中

Strong：加粗     em：倾斜     sub：下角标     sup：上角标

转义字符

版权说明： ©；

空格：  

小于号 < : &lt;    

大于号 >: >

引号 “ : "

&单词;

&#数字;

图像标签

<img src=”图片地址” alt=”图像的替代文字” title=”鼠标悬停提示文字” width=”宽” heigth=”高”/>

绝对路径和相对路径

相对路径：

 所谓相对路径，就是相对于自己的目标文件位置。

../表示返回上一级目录

绝对路径：

<img src=" E:\book\网页布\代码\第2章\bg.jpg">

链接标签

建立书签：<a name=“书签名称”></a>

建立书签链接：<a href=”#书签名称”>链接文字</a>

列表

有序列表：

<ol>

<li>java</li>

<li>sql</li>

<li>html</li>

</ol>

 

无序列表：

<ul>

<li>JAVA</li>

<li>SQL</li>

<li>HTML</li>

</ul>

 

Type属性的属性值有

disc(圆●)

circle（圆圈○ ） 

square（方块■ ）

 

定义列表：

<dl>

<dt>thml</dt>

<dd>制作网页</dd>

<dt>SQL</dt>

<dd>数据库</dd>

</dl>

表格

table语法：

table元素：定义一个表格。

tr元素：定义表格的行。

td元素：定义一行有几个格。

Caption元素:表格标题

table属性：

Width,height:表格宽,高。

align:对齐方式，left（左对齐）、center（居中）或 right（右对齐）

border：边线粗细。

Bordercolor：边框颜色。

Cellspacing：单元格间距。  cellpadding：文字与边框间距。

Bgcolor：背景颜色。  background：表格背景图。

tr属性：

width，height:单元格宽高。

Bordercolor：设置单独行外框颜色。

bgcolor、background：设置行单独的背景颜色和背景图片。

align：行文字的水平对齐方式，left、center和right。

Colspan：单元格跨越几列。

Rowspan：垂直方向上跨行。

Valign：行文字垂直对齐。Top顶对齐，middle：居中对齐，

bottom：底端对齐，Baseline：相对于基线对齐。

td属性：

align属性：指定单元格里的内容对齐，可以是left、center或right。

bgcolor属性：指定单元格背景颜色。

background属性：指定单元格的背景图像 

合并单元格：

Colspan：列横向合并。

Rowspan：行纵向合并。

form表单

提交按钮：<input type=”submit”>

文本框 <input type=”text”>

密码框<input type=”password”>

单选框 <input type=”radio”>

多选框：<input type="checkbox" name="hobbies" value="睡觉">睡觉

下拉框

家庭住址：<select name="address">

          <option value="001">辽宁</option>

  <option value="002">广西</option>

  <option value="003" selected>贵州</option>

  <option value ="004">山西</option>

          </select><br>

文本域 textarea

文件上传

<form action="" method="post" enctype="multipart/form-data">

 <input type="file" name="pic"/>

按钮

提交按钮： input type = “submit”

  普通按钮： input type=”button”, 一般会绑定一个方法使用。

  重置按钮： input type=”reset”  ----让页面回复到初始化的状态

隐藏域

 <input type="hidden" name="id" value="456123"/><br>