导航切换
网站首页
关于我们
解决方案
客户案例
快速建站
建站报价
新闻中心
联系我们
行业新闻
分享南宁网站建设资讯
首页
新闻中心
行业新闻
html代码的使用方法
html代码的使用方法
作者:
金睿网络
时间:2019-04-15
来源:
0771-china.com
如同人一样,网页也包括了“头部”和“身体”
一、基本框架
如同人一样,网页也包括了
“头部”和“身体”,那么,现在
深圳网站制作公司
金睿网络科技有限公司为您解释一下代码的使用:
<
head
>标记内包含着诸如网页标题、语言编码、网页描述等基本信息,而平时我们真正见到的网页内容均放在<
body
>标记内。现在先介绍一下<
head
>里的基本信息。
网页标题
(
标记格式为<
title
><
/title
>
)
创建网页标题文字:<
title
>标题<
/title
>
//
此处书写的文字会显示在
IE
的标题栏上。
网页文档信息
(
标记格式为<
meta
>
)
描述网页内容类型:<
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
>
//
该页面为
TXT
文本或
HTML
格式,语言编码方式为
GB2312(
即简体中文
)
。
描述网页的关键字信息:<
meta name="keywords" content="
这里是关键字
"
>
对网页的详细描述:<
meta name="description" content="
这里是对该网页的介绍
"
>
刷新网页:<
meta http-equiv="refresh" content="5;URL=xxx.htm"
>
//5
秒种后刷新,并链接到
xxx.htm
。
二、组成要素
无论网页如何千变万化,构成一个网页内容的最基本要素大体只有五种,即文字、图片、表格、超链接和表单控件,所以下面将围绕着这五个要素逐一列举介绍。
文字
(
标记格式为<
font
><
/font
>
)
指定文字字体:<
font face="
宋体
"
>宋体文字<
/font
>
指定文字大小:<
font size="3"
>
3
号文字<
/font
>
指定文字颜色:<
font color="#FF0000"
>红色文字<
/font
>
//
网页颜色采用
16
位编码,因此
#FF0000
表现为红色。大家可以查阅相关资料了解其他颜色的编码。
图片
(
标记格式为<
img
>
)
<
img src="images/pic.jpg" width="400" height="300" border="2" align="center"
>
// src
指定为路径地址,
width
为宽度,
height
为高度,
border
为边框大小,
align
为横向位置。
表格
(
标记格式为<
table
><
tr
><
td
><
/td
><
/tr
><
/table
>
)
<
table width="400" height="300" border="1" align="center" cellpadding="2" cellspacing="2" bgcolor="#FF0000"
><
tr
><
td
>此处添加文字或图片等<
/td
><
/tr
><
/table
>
// width
、
height
、
border
、
align
与以上的例子作用一样,
cellpadding
为边框与单元格的间距,
cellspacing
为单元格之间的间距,
bgcolor
为表格背景色。
以上所介绍的元素都是只存在当前页中,而网页超链接的出现大大改变了人们的浏览习惯,可根据自己喜好,点击到相关链接查看网页信息。
超链接
(
标记格式为<
a
><
/a
>
)
<
a href="xxx.htm" title="
提示文字
"
>链接文字或图片<
/a
>
//href
为被点击后的链接页,
title
为鼠标悬停在链接文字或图片上后出现的提示文字。
表单控件
(
标记符号为<
input
>、<
textarea
><
/textarea
>、<
select
><
/select
>
)
表单控件实现了人与网页的交互,像大家常去的论坛、购物站点等都有它的
“身影”。
文本框:<
input type="text" value="
这是文本框
"
>
//value
为该控件的值,以下每个表单控件均可设定,不设默认为空
密码框:<
input type="password"
>
单选框:<
input type="radio"
>
复选框:<
input type="check"
>
提交按钮:<
input type="submit"
>
重置按钮:<
input type="reset"
>
隐藏区域:<
input type="hidden"
>
文本域:<
textarea rows="6" cols="30"
><
/textarea
>
//rows
为行数,
cols
为宽度
列表框:<
select
><
option
>项目
1
<
option
>项目
2
<
option
>项目
3
<
/select
>
本文网址:https://www.jinzige.cn/news/179.html
0
上一篇:
当前主流程序设计语言都各有什么优势?
下一篇:
网页首屏设计的组成元素
相关资讯
2021-03-22
网站产品详情页,改变图片比例使得图片显示完整
2020-11-12
网站常见的许可证有哪些?需要什么条件申请?
2020-11-12
品牌营销网站建设的目标与定位
2020-09-13
企业官网建设目标与定位
2020-04-14
百度新搜索是网民基本刚需
2020-04-14
利用百度闪电算法如何让网站提速
2020-04-14
百度公司加码大健康产业
2020-04-11
什么是网站交互制作
2020-04-11
H5网站的那些优势
2020-04-11
响应式网站建设是如何报价的
关闭
在线客服
18070949749
用手机扫描二维码
关闭