郑州网站建设-凯讯公司网站宣传口号图片
郑州网站建设-凯讯公司网站电话标志图片
0371-53778175
15333818157
当前位置:网站首页 >> 建站知识 >> 网站技术 >>


制作网页时最常见的html基本组成元素有哪些


来源:郑州凯讯网站    发布人:郑州凯讯公司    发布日期:2014-06-15

HTML(全称为Hyper Text Mark-up Language即超文本标记语言),就是描述网页内容的文本。HTML在展现出各种各样的美好界面的效果时,靠的是浏览器的解析功能。创建HTML文档(即网页文件)有多种工具,只要按照html的语法来书写,用记事本或者其他的文本编辑工具都可以做到。比如常用的EditPlus等文本编辑工具,另外还可以使用一些专用的网页编辑工具如Dreamweaver、frongpage等工具。

编辑一个网页要按照网页元素的语法格式来做,网页内容都在<html>与</html>标签之内,简单的网页代码如下所示:

<html>
<head>
<title>网页标题</title>
</head>
<body>
这是网页内容显示区
</body>
</html>

从代码中可以看出,<head>与</head>之间放的是网页头部的信息,是包含在<html>与</html>之内的,同时<title></title>中设置的是页面的标题,也出现在<head>与</head>内。<head>与</head>之间的内容不会显示在网页内,该内容不会显示在页面中。能显示在网页上的是<body></body>之间的内容,这是页面的主体部分,该标签内的文本会显示在网页上。一个网页由三种成分组成:即网页结构、外在表现和内涵行为。所谓网页结构主要包含文字、图片等,外在表现主要是样式如文字大小和颜色等,这些也都是通过css样式来实现的。内涵行为即客户端的动态效果,一般通过javascript来完成。

下面,郑州网站建设简单介绍一下html网页的各个基本组成部分,供html新入很的人员作参考。

一、html的主要标签
1、h标签(标题):HTML定义了<h1></h1>到<h6></h6>六个h标签,分别表示不同大小的字体。h1最大,h6最小,h标签主要是加强内部文字的语气之用,通常用于加强标题方面。
2、<br>标签:表示回车换行的意思,是自身闭合的标签,独立成标签,不成双出现
3、<p>标签代表分段:<p>前后会有比较大的空白,与</p>成对出现,其中的内容表示单独为一段。
4、<center>居中标签:与</center>成对出现,作用是将其中的内容居中显示。
5、<b>和</b>粗体标签:它与<strong></strong>功能相仿,用于加强文字的语气。另还有<i></i>斜体,<u></u>下划线标签。
6、<font></font>字体标签:字体标签包含的属性较多,在此不再详述,其中<font>标签的color和size属性较为常用。
7、<hr>水平线标签:表示单独显示一条水平线,先的宽度与颜色可以用color和size来表示。

二、html上的特殊字符的运用:

HTML上的特殊字符较多,用于特殊的场合,可以显示一些不太常见的字符。具体的字符有哪些,各位站长可以参照我司网站上的网页:在网站建设时常用的HTML文本特殊符号对照表

三、网页上的图像标签及用法:

<img src="图片路径" alt=”无法显示时提示文本”>

网页上的图片主要为四种图片,即 jpg格式、png格式、gif格式、bmp格式。

其中src属相表示图片所在的路径,alt表示图片的说明文字,可用于无法显示图片时给予提示文本。

四、超级链接:

通常所说的A标签主要是用于表达超链接用的标签,href指出要连接的目标页面,target指向目标窗口为值,取值有三个,即: _blank:在新窗口中打开,_self:在自己的窗口中打开, _parent:父窗口中打开,_top:表示在顶级窗口打开。

举个超级链接的例子:<a href="http://www.kxcom.net" target="_blank">郑州网站建设</a>

超级链接里的文字可以是一个图片,也可以是一段文字,也可以是一个关键词,如果要做SEO网站优化,那么A标签里的文字最好是关键词比较好,用A标签代表的超级链接又称为锚文本链接,是做外链和友情链接的主要表现形式。

五、Html中的列表:
html中的列表分为无序列表、有序列表和定义列表三个类别。下面简单举例说一下语法格式:

>>无序列表:
<ul>
<li>网页一</li>
<li>网页二</li>
<li>网页三</li>
</ul>

>>有序列表
<ol>
<li>第一章</li>
<li>第二章</li>
</ol>

>>定义列表:
<dl>
<dt>中国</dt>
<dd>上海</dd>
<dd>广州</dd>
<dd>北京</dd>
</dl>

六、html表格用法:

网页上的表格主要用于显示比较规整的数据,也可用于网页布局。大多用于显示一个数据表格,网页布局现在大多是用div+css来做,使用表格的比较少了。表格的代码如下实例:

<table width="200" border="1">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

从实例中可以看出表格由<table>和</table>标签括起来的一些行与列的数据单元格堆积起来的表格。其中<tr>和</tr>表示表格中的一行,而<td>与</td>表示一行中的一个单元格。我们可以向其中填充数据,然后表格就自然显示出来了。表格有很多属性,包括表格背景图片和背景颜色,表格线条的宽度和颜色,表格线与内容的间隔,表格的宽度、高度等等,只要设置了表格的样式控制属性,一个令人满意的表格就可以显示在网页上了。

七、html表单:

表单以<form>和</form>标签来括起来,在表单里可以设置许多网页上常用的控件,如输入框、静态文字、按钮、单选按钮、复选按钮、列表框、多行文本框等,在提交时,表单里的所有元素都会一并提交到目标网页上。action表示提交的目的地址,mothod表示提交的方式如GET和POST两种中的一种。简单代码如下:

<form action="http://www.kxcom.net/" method="POST">
<input type="text" name="姓名">
<input type="submit" name="Submit" value="提交">
</form>

关于表单的内容及各个控件的用法,所包含的内容非常多,在这里不再赘述。

本站优惠活动图片



业务联系方式图片


本页页脚banner图片

咨询热线:0371-53778175,15333818157    业务QQ:业务联系QQ图标1765879842   业务联系QQ图标2632505191   业务联系QQ图标2236519391

版权所有:郑州凯讯通信科技有限公司    备案号:豫ICP备11027744号-2