【HTML】总结

   前言

      今天将HTML看完了，下面就来说一说对它的理解和各种方法的使用

---

什么是HTML?

      HTML(Hypertext Markup Language)超文本标记语言。Web页面也是一种文档，HTML

就是用于编写这种文档的一种标记语言

 

HTML框架-第一个页面

---

理论部分

 

小知识：

 

如何输入特殊字符：

---

方法及如何使用

 

列表

创建带数字编号的列表--<ol>和<li>

<ol>使用start属性，设置起始的序号,<li>使用value属性，改变列表内的编号顺序

<ol>使用type指定编号系统的类型

 

创建带有项目符号的列表--<ul>和<li>

<ul>和<li>使用type：

disc-显示实心圆

square-显示实心方块

circle-显示空心圆

 

创建无符号的列表--<dl>和<dt>

创建缩进的列表--<dd>和<dt>

 

创建术语列表--<dl>元素中使用<dt>和<dd>标签。

<dt>标签指定术语，<dd>标签指定说明

 

 

表格

<table border=n align="" bgcolor="clr">…</table>

border：用于定义表格边框宽度，n=0或不写border表示没有边框

bgcolor:用于指定表格背景色

 

<caption>…</caption> 

用于定义表格的标题

 

<tr align="" valign="">…</tr> 添加新行

align：用于指定这一行水平方向上的对齐方式

valign：用于指定这一行垂直方向上的对齐方式

 

<th>用于定义表头：<th>…</th>

<td>用于定义单元格：<td>…</td>

 

 

表单

input元素

 .单行文本输入控件（type="text"）

 .提交按钮（type="submit"）

 .重置按钮（type="reset"）

 .口令输入控件（type="password"）

 .单选按钮（type="radio"）

 .复选框（type="checkbox"）

 .隐藏控件  （type="hidden"）

 

列表框

由<select>元素创建，列表框中的各个选项用<option>元素提供

 

多行文本输入控件

<textarea name="name" rows="number of rows" cols="number of columns">…</textarea>

rows用于指定文本输入控件可视区域显示的文本行数

cols用于指定文本输入控件可视区域显示的文本宽度

在开始和结束标签之间出现的文本，将作为文本输入控件中的初始文本而显示

 

 

超链接

<a href="URL">…</a>

href用于指定链接的目标，目标地址由URL定位，在开始标签<a>和结束标签</a>之间输入的文本将作为浏览器中显示的链接文本

 

例子

 

 

嵌入图像

<img src="URL" width=n height=n>

src指定图像资源的位置，width和height指定图片大小