HTML基础

来源：互联网发布：电子商务进农村软件编辑：程序博客网时间：2024/05/17 06:06

HTML

HyptertextMarkup Language 超文本标记语言

常用标记

1、字体标记

2、图片标记

3、超级链接

4、列表

有序列表：<ol><li>xx</li><li>xx</li></ol>

无序列表：<ul><li>xx</li><li>xx</li></ul>

5、表格

<tableborder=”1”>

<tr>

</tr>

<tr>

</tr>

</table>

1) border设置为0，网页中就看不见表格边框；

2) rowspan 单元格占用多行，colspan 单元格占用多列；

3) cellspadding 单元格的边距，指内容与单元格边框的距离，

cellspacing 单元格的间距，指单元格与单元格之间的距离。

6、表单

1) method 表单提交方式：

post：地址栏中不显示提交的信息，数据量大小无限制；

get：将信息传递到地址栏上，最大数据量2kb

建议：post与get相比安全性较高，但是效率较低。所以增加、删除、修改建议使用post，而查询建议使用get。

2） action 设置应用哪个文件来处理提交的数据

3）表单常用控件

文本框：<input type=”text” name=”username”>

密码：<input type=”password” name=”userpwd”>

单选框：<input type=”radio” name=”sex” checked>男

<input type=”radio” name=”sex”>女

复选框：性格：<input type=”checkbox” checked>热情大方

<input type=”checkbox”>温柔体贴

<input type=”checkbox”>多愁善感

文件：<input type=”file”>

文本域：<textarea rows=”8”cols=”30”></textarea>

下拉框：<select size=1>

</select>

按钮：<input type=”button” value=”无用按钮”>

7、块级元素

1) div

<div id=”divsample”style=”background:yellow”>display by div</div>

2) span

<span id=”spansample”style=”background:yellow”>display by span</span>

注：使用span标记的行只限制到有字的区域，而是用div标记的行，限制到有字的一整行

8、预排版

<pre>

白日依山尽，

黄河入海流。

</pre>

显示到浏览器上时，会按照和源码一样的格式输出

9、框架

<html>

</frameset>

</html>

注：有了frameset标记，不能再有body标记，否则无法显示