传智播客 Html基础知识学习笔记

时间:2023-03-08 15:21:06
传智播客 Html基础知识学习笔记

HTML基础

<p></p>标志对用来创建一个段落,,<p>标志还可以使用align属性,

它用来说明对齐方式

语法是:<p align=""></p>。align可以是Left(左对齐)、Center(居中)

和Right(右对齐)三个值中的任何一个

在<blockquote><blockquote>标志对之间加入的文本将会在浏览器中按

两边缩进的方式显示出来

<dl></dl>用来创建一个普通的列表,<dt></dt>用来创建列表中的上层项目

<dd></dd>用来创建列表中下层项目

<dt></dt>和<dd></dd>都必须放在<dl></dl>标志对之间

<ol></ol>标志对用来创建一个标有数字的列表;<ul></ul>用来创建一个

标有圆点的列表;li></li>标志对只能在<ol></ol>或<ul></ul>标志对之间

使用,此标志对用来创建一个列表项,若<li></li>放在<ol></ol>之间则每

个列表项加上一个数字,若在<ul></ul>之间则每个列表项加上一个圆点

<div></div>标志对用来排版大块Html段落,也用于格式化表,此标志对的

用法与<p></p>标志对非常相似,同样有align对齐方式属性

<pre></pre>用来对文本进行预处理操作

<b></b>用来使文本以黑体字的形式输出;<i></i>用来使文本以斜体字的

形式输出;<u></u>用来使文本以下加一划线的形式输出

<tt></tt>用来输出打字机风格字体的文本;<cite></cite>用来输出引用

方式的字体,通常是斜体;<em></em>用来输出需要强调的文本(通常是斜体加黑体);

<strong></strong>则用来输出加重文本(通常也是斜体加黑体)

<font></font>是一对很有用的标志对,它可以对输出文本的字体大小、颜色进行

随意地改变,这些改变主要是通过对它的两个属性 size 和 color 的控制来实现的

<table></table>标志对用来创建一个表格,有以下属性:

<table bgcolor="">            设置表格的背景颜色

<table border="">       设置边框的宽度,若不设置,则边框宽度默认为0 

<table bordercolor="">        设置边框的颜色

<table bordercolorlight="">   设置边框明亮部分的颜色(当border>=1才有用)

<table bordercolordark="">    设置边框昏暗部分的颜色(当border>=1才有用)

<table cellspacing="">        设置表格格子之间空间的大小

<table cellspadding="">       设置表格格子边框与其内部内容之间的大小

<table width="">              设置表格的宽度。单位用绝对像素值或总宽度百分比

<tr></tr>用来创建表格中的每一行;<td></td>用来创建表格中的一行中的每一格子

<tr>还有align和valign属性;align是水平对齐方式;valign是垂直对齐方式,取值

为top(靠顶端对齐)、middle(居中间对齐)或bottom(靠底部对齐)

<td>具有width、colspan、rowspan和nowrap属性。width是格子的宽度,单位用绝对

像素值或总宽度的百分比;colspan设置一个表格格子跨占的列数(缺省值为1);

rowspan设置一个表格格子跨占的行数(缺省值为1);nowrap禁止表格格子内的内容自动断行。

<th></th>标志对用来设置表格头,通常是黑体居中文字

<a href=""></a>

1)<a href="URL"></a>,这就能创建一个超文本链接

2)<a href="mailto:EMAIL"></a>,这就创建了一个自动发送电子邮件的链接

表单

<form></form>用来创建一个表单,有属性action、method和target

action属性是处理程序的程序名(包括网络路径:网址或相对路径)

method属性用来定义处理程序从表单中获得信息的方式,可取get或post中的一个

target属性用来指定目标窗口或目标帧

<input type="">标志用来定义一个用户输入区,用户可在其中输入信息

<input type="">标志*提供了八种类型的输入区域:

<input type="TEXT" size="" maxlength="">

表示单行的文本输入区域,size与maxlength属性用来定义此种输入区域显示的尺寸

大小与输入的最大字符数

<input type="submit">表示将表单内容提交给服务器的按钮

<input type="reset">表示将表单内容全部清除,重新填写的按钮

<input type="checkbox" checked>表示一个复选框,checked属性用来设置该复选框

缺省时是否被选中,右边示例中使用了三个复选框

<input type="hidden">隐藏区域,用户不能再其中输入,用来预设某些要传送的信息

<input type="image" src="url">使用图像来代替Submit按钮,图像的源文件名由src

属性指定,用户点击后,表单中的信息和点击位置的X、Y坐标一起传送给服务器

<input type="password">表示输入密码的区域,当用户输入密码时,区域内降会显示"*"号

<input type="radio">表示单选按钮类型,checked属性用来设置该复选框缺省时是否

被选中,右边示例中使用了三个单选框