freewater

本文深入探讨HTML标签的应用,包括段落控制、文本显示、列表类型、表格创建及交互式表单、超链接和嵌入图像等核心知识点,旨在为开发者提供全面的网页布局解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


======================================================
注:本文源代码点此下载
======================================================

1.

与段落控制相关标签

创建一个段。#可以是left,right,center,justify.

换行

插入水平线。clr可以为预定义颜色名字。例如:red, blue, black, white, yellow, olive, aqua.也可以为十六进制数表示的颜色值,clr=”#rrggbb”。

2.

控制文本显示

文本居中

n align=”#”>

用于指出文档标题,n是1-6的整数,1表示最大。

用于设置字体大小,n可以是1到7的整数,数字越大,字体越大。

粗体

斜体

3.

特殊字符的输入

可以使用字符引用和实体引用。

字符引用和实体引用都是以一个和号(&)开始并以一个分号(;)结束。如果使用字符引用,需要在和号之后加上一个井号,之后是所需字符的十进制代码或十六进制代码(iso10646字符集中字符的编码)。如果使用的是实体引用,在和号之后写上字符的助记符。

常用的字符实体

字符 字符引用(10) 实符引用(16) 实体引用 描述

“"""双引号

&&&&和号

<<>:>大于号

空格  

 不间断空格

©©©版权符号

®

®®注册商标

4.

带有数字编号的列表

实例:

(设置起始编号)

《java从入门到精通》

《c++ 基础》(改变编号,)

(1)使用和

标签创建带数字编号的列表。

(2)在标签中使用start属性,设置起始的序号。

(3)在

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

在和

标签中,使用type属性指定编号系统的类型。type属性的取值如下表示:

属性值数字风格

a使用大写字母(a、b、c等)

a使用小写字母(a、b、c等)

i(大写字母i)使用大写罗马数字(i、ii、iii等)

i(小写字母i)使用小写罗马数字(i、ii、iii等)

1使用阿拉伯数字(1、2、3等)这是缺省值

5.

带有项目编号的列表

使用和

标签创建带有项目符号的列表和

标签的type属性指定符号的样式,取值如下:

disc—显示为实心的圆圈

square—显示为实心的方块

circle—显示为空心的加减

6.

建立无符号列表

(1)使用与标签创建无符号的列表。

(2)使用标签替换,创建缩进的列表。

(3)在元素中同时使用和 标签,建立术语列表。术语列表中的列表项由两部分组成:术语和它的说明。术语由标签指定,说明由 标签指定。

html

7.

表格

(1)表格是用元素定义的,如下所示:

属性border用来定义表格边框的宽度,n可以是从0开始的整数,如果设置border=0,那么表格边框没有宽度,如果忽略border属性,浏览器将不会显示边框,这和设置border=0是一样的效果;属性align用于设定表格的对齐方式,alignment可以是left、center、right;属性bgcolor用于指定背景的颜色,它的取值和前面介绍过的color属性的取值是一样的。

(2)元素用于定义表格的标题,如下所示:

(3)

元素在表格中添加一个新行,如下所示:

属性align用于指定这一行在水平方向上的对齐方式,alignment可以是left、center、right。属性valign用于指定这一行在垂直方向的对齐方式,alignment可以是top、middle、bottom。

(4)元素用于定义表头,如下所示:

(5)

元素用于定义单元表格,如下所示:

8.

交互式表单

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

表单的基本语法下:

(2)属性method用于指定向服务器发送表单数据时所使用的http方法。可以是get或post这两种方法的一种,get是缺省的方法。当采用get方法提交表单时,提交的数附加到url(在属性action中指定)的末端,作为url的一部分发送到服务器端。例如:我们指定action=”reg.jsp”。当提交表单后,在浏览器中,我们会看到下面的信息:http://locallhost:8080/reg.jsp?user=zhangsan&pwd=1234.而post方法是将表单中信息作为一个数据块发磅到服务器端,无论是采用哪一种方法,数据的编码都是相同的格式:name1=value1&name2=value2。属性action指定对表单进行处理的脚本的地址,也就是说,表单提交到服务器后,交由谁来处理,在action属性中指定处理者的url。

(1)元素用于接受用户输入的信息。

元素是一个带有属性的空元素,用来创建表单中的控件,其语法是:

(2)属性type用来指定要创建的控件的类型。属性name用来指定控件的名称,处理表单的服务器端脚本可以获得以名称――值对所表示的表单的数据,利用名称,可以取出对应的值。name属性在表单中并不显示。属性size用来指定表单中控件的宽度。属性value指定控件的初始值。

(3)常用元素

单行文本输入控件(type=”text”)

提交按钮(type=”submit”),可根据value值改变显示的文本

重置按钮(type=”reset”),可根据value值改变显示的文本

一般按钮(type="button"),可根据value值改变显示的文本

口令输入控件(type=”password”)

单选按钮(type=”radio”)加checked表选中

复选按钮(type=”checkbox”)加checked表选中

隐藏控件(type=”hidden”)。隐藏控件通常存在与服务器端脚本动态产生的表单中,用于保存客户端的跟踪数据和有用信息,当用户提交表单时传回服务器端。

(1)列表框允许用户从一个下拉列表框(下拉菜单)中选择一项或多项,其功能和单选按钮或复选框的功能相同,但显示的方式不一样

(2)列表框由元素创建,列表框中的各个选项用提供。

(3)代码例子:

《java语言实用教程》

《c程序设计》

如果我们想让用户在填写注册信息的时候,输入个人简历等信息,那么单行的文本输入控件就不太适合了。对于要接受多行输入信息的情况下,可以使用多行文本输入控件的语法为:

属性rows用于指定文本输入控件可视区域显示的文本行数,属性cols用于指定文本输入控件可视区域显示的宽度。在开始标签和结束标签之间出现的文本,将作为文本输入控件中的初始文本而显示。

9.

超链接

(1)html文本这所以被称为超文本,就是因为它具有普通文本所不具有的超链接的功能,我们在浏览html文档时,可以通过点击关键字(一个超链接),来跳转页面。

(2)要让超链接能够正常工作,就需要用一种方法来定位internet上的资源,这就是通过url来实现的。url全称是uniform resource locator,统一资源定位符。url由三部分组成:协议、主机名称、文件目录和文件名。例如:http://www.sunxin.org/video/video.asp,http表明使用的是超文本传输协议从主机名(域名)为www.sunxin.org的服务器上访问video目录下的video.asp文件。

建立一个链接的语法如下:

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

(4)超链接的例子:

表单的例子

表单的例子

表格的例子

孙鑫的个人网站

10.

嵌入图像

(1)在web上使用得最多的两种图像格式是gif或jpeg。gif只能用于256色的图像,对于不需要大量颜色的图片,例如:网站的logo、图标等,常使用gif格式,对于图片口质要求较高的一些图像,例如:照片、风景画等,常常使使用jpeg格式。

(2)在网页中嵌入一幅图像要使用元素,其基本语法为:,属性src指定图像资源的位置,属性width和height用于指定图片的尺寸。

(3) 和超级链接可组合使用


======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定 这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值