HTML总结

【前言】

        超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

HTML语法:

一、文本编辑

<p align="#"> 创建一个段。#可以是left,center,right,justify分别实现靠左,居中,靠右,两端对齐效果。

<br> 换行。

<hr color="clr"> 插入一条水平线,color用来指定线的颜色。

<center>...</center> 使文本居中显示

<hn align="#">...</hn>  用于指出文档标题,n是从1到6的整数,1表示最大标题,6表示最小标题。

        <font size=n color="clr">...</font>  设置字体大小。n是从1到7的整数,数字越大,字体越大;属性color表示字体颜色,clr可以是预定义的颜色名字,或者以16进制数表示的颜色值。

<b>...</b> 使文本成为粗体

<i>...</i> 使文本成为斜体

二、列表编辑

1、使用<ol>和<li>标签创建带数字编号的列表。

<ol>标签中使用start属性,设置起始的序号;

<li>标签中使用value属性,改变列表内编号顺序。

2、使用<ul>和<li>标签创建带有项目符号的列表。

<ul>和<li>标签的type属性指定符号的样式,取值如下:

disc  显示为实心圆圈

square   显示为实心方块

circle  显示为空心圆圈

3、使用<dl>和<dt>标签创建无符号的列表。

使用<dd>标签替换<dt>,创建缩进的列表。

4、建立术语列表

        在<dl>元素中同时使用<dt>和<dd>标签,建立术语列表。术语列表由两部分组成:术语和它的说明。术语由<dt>标签指定,说明由<dd>标签指定。

三、表格编辑

1、表格用<table>元素定义,如下所示:

<table border=n align="alignment" bgcolor="cli">...<table>

2、<caption>元素用于定义表格的标题,如下所示:

<caption>...</caption>

3、<tr>元素在表格中添加一个新行,如下所示:

<tr align="alignment" valign="alignment'>...<table>

4、<th>用于定义表头,如下所示:

<th>...</caption>

5、<td>用于定义单元格,如下所示:

<caption>...</caption>

四、表单的创建

1、使用<form>元素,以及在其间嵌入的相关元素(称为控件),就可以创建作为HTML文档的一部分的表单。

基本语法:<form method="get or post" action="URL"></form>

2、<input>元素

<input>用于接受用户输入的信息。

语法:

<input type="type" name="name" size="size" value="value">

<input>元素:

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

提交按钮 type="submit"

重置按钮 type="reset"

口令输入按钮 type="password"

单选按钮 type="radio"

复选框 type="checkbox"

隐藏控件 type="hidden"

 3、列表框

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

4、多行文本输入控件

语法:

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

五、超链接

语法:

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

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

 

六、嵌入图像

 

语法:

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

【小结】

        本篇文章总结了关于html的常见语法。关于html的语法还有很多,还需要我们不断探索。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 20
    评论
评论 20
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值