HTML学习(1)

时间:2022-11-18 17:02:48

1、缩写和首字母缩写<abbr><acronym>

<abbr title="etcetera">etc.</abbr>

<acronym title="World Wide Web">WWW</acronym>

2、块引用(短)

<p>A:
<q>B</q>
C</p>

显示结果:A: “B”C

3、计算机输出标签

<code>定义计算机代码

<kbd>定义键盘码

<samp>定义计算机代码样本

<var>定义代码样本

<pre>定义预定义格式文本

4、链接-target属性

语法:<a herf = “url”>Link text</a>

使用target属性可以定义被链接的文档在何处显示

<a herf = “url”traget=”_blank”>Link text</a>

如果页面被固定在框架之内则使用这个属性:target="_top"

5、字体,字体颜色,大小

font-family(字体),color(颜色),和font-size(字体大小)

6、文本对齐方式

text-align

7、图像

图像标签<img>和源属性<src>

图像-alt属性:alt为图像定义一串预备的可替换的文本

8、表格

标签

<table>:定义表格

<th>:定义表格的表头

<tr>:定义行

<td>:定义表格单元

<caption>:定义表格的标题

<colgroup>:定义表格列的组

<col>:定义表格列的属性

<thead>:定义表格的页眉

<tbody>:定义表格主体

<tfoot>:页脚

一些属性

border:边框宽度

colspan=”n”:跨列

rowspan=”n”跨行

cellpadding:表格内容到边框的空白的距离

cellspacing:单元格之间的间距


9、列表

列表标签

<ol>:定义有序列表

<ul>:定义无序列表

<li>:定义列表项

<dl>:自定义列表

<dd>:自定义列表的描述

<h4>A Definition List:</h4>
<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>

结果

A Definition List:
Coffee
- black hot drink
Milk
- white cold drink

10、区块

<div>元素:对一个区域内的所有元素设置统一的属性,比如颜色,字体等

<span>:用于对文档中的行内元素进行组合,该标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。


11、网页布局

使用<div>或表格进行布局

ex:布局实例

12、表单和输入

表单标签<form>

输入标签<input>

文本域:文本域通过<input type="text"> 标签来设定

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>

密码字段:密码字段通过标签<input type="password"> 来定义

<form>
Password: <input type="password" name="pwd">
</form>

单选按钮:<input type="radio">

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>

复选框:<input type="checkbox">

<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>

提交按钮:<input type="submit">

表单标签

<form>:定义供用户输入的表单

<input>:定义输入域

<label>:定义<input>元素的标签,一般为输入标题

<filedset>:定义一组相关的表单元素,并使用外框包含起来

<legend>:定义<filedset>元素的标题

<select>:定义下拉列表选项

<optgroup>:定义选项组

<option>:定义下拉列表中的选项

<button>:定义点击按钮