网站地图    收藏   

主页 > 前端 > css教程 >

HTML入门----简单网页制作 - html/css语言栏目:htm

来源:自学PHP网    时间:2015-04-14 14:50 作者: 阅读:

[导读] 概念:HTML(Hypertext Markup Language)即超文本标记语言,用于网页文件的制作。HTML由一系列的标记组成,可以说HTML的本质就是通过对各种标记进行组合嵌套将文本,表格,图片等网页元素...


概念:HTML(Hypertext Markup Language)即超文本标记语言,用于网页文件的制作。HTML由一系列的标记组成,可以说HTML的本质就是通过对各种标记进行组合嵌套将文本,表格,图片等网页元素组织成一个网页页面。

 

标记:在HTML中标记的种类繁多但是大体也不过被分为两类,头部标记<head></head>和页面主体标记<body></body>。在HTML中绝大部分的标记均为成对使用。

在头部元素标记中有以下几种比较重要的标记:

1.       标题标记。标记标题以<title>开始,以</title>结束。标记之间的内容为网页标题内容,它将显示在浏览器的标题栏中。

2.       元标记。元标记<meta>用于定义页面信息的名称关键字等。<meta>标记不是成对出现的。他通过属性方式来定义页面信息。以设置页面关键字为例。设置页面关键字的name的属性值是keyword,它是为了搜索引擎说明该网页的关键词,从而帮助搜索引擎对该网页进行查找和分类,从而提高被搜索到的几率。一般可以设置多个关键词,各个关键词之间用逗号分开,如<meta name=”keyword” content=”content1,content2,content3”>。除设置关键字外,还可以通过将name属性值设为description来描述网页的主题,<meta name=”description” content=”这是一个学习类网页”>,通过refresh属性定时刷新网页或者进行网页定时跳转操作。<meta http-equiv=”refresh” content=”间隔时间;url=连接地址”>(间隔时间以秒计算)。 www.2cto.com

 

主体标记以<body>开始,以</body>结束,主体标记中的标记比较多,简单介绍一下下面几种常用标记的作用:

标记

作用

是否成对使用

<p>

创建一个段。<p align=”#”>属性align表示段的对其方式,#可以是left,center,right,justify.

<br>

创建一个空行,用于换行

<hr>

插入一条水平线。<hr color=”clr”>属性color用来指定线的颜色,clr可以为red,blue,green等,或以十六进制数表示

<center>

使文本居中显示

<hn>

用于指定文档标题是几级标题,n为1到6的整数。<hn align=”#”>.

<font>

用于设置字体,属性size表示字体的大小,n可以是1到7的整数。<font size=n color=”clr”>

<b>

使文本成为粗体

<i>

使文本成为斜体

<ol>

与<li>嵌套使用,指定编号的格式和顺序,用type属性指定编号系统的类型

<ul>

与<li>嵌套使用,建立带有项目符号的列表,用type属性指定符号样式

<table>

用于定义表格元素,具有align,border,bgcolor等属性

<caption>

嵌套在<table>中,用于定义表格标题

<tr>

嵌套在<table>中,在表格中添加一个新行

<th>

嵌套在<table>中,用于定义表头元素

<td>

嵌套在<table>中,用于定义单元格

<form>

与嵌套在其中的相关元素组合,在网页上产生一张表单。Method属性用来指定项服务器提交表单的方法。有get或post两种,get方法用于数据量少且不要求安全性的情况下,反之使用post方法

<input>

嵌套在<table>或<form>中使用,通过type属性指定input元素的类型type属性的值有text,submit,reset,password,radio,checkbox,hidden等,依次表示单行文本输入控件,提交按钮,重置按钮,口令输入控件单选按钮,复选框,隐藏控件

<select>

床简历表框

<option>

嵌套在<select>中,用于提供列表框中的各个列表项

<a>

用于实现超链接,href属性的值为连接地址,<a>…</a>之间的文本为网页中的连接文本

<img>

用于在网页中嵌入图像,src属性为图像资源的位置,width和height属性分别制定图像的宽度和高度

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论