HTML入门----简单网页制作
2012-11-16 11:44
579 查看
概念: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=连接地址”>(间隔时间以秒计算)。
主体标记以<body>开始,以</body>结束,主体标记中的标记比较多,简单介绍一下下面几种常用标记的作用:
标记:在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=连接地址”>(间隔时间以秒计算)。
主体标记以<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属性分别制定图像的宽度和高度 | 是 |
相关文章推荐
- 自己用html、js、ajax、php制作的简单网页版计算器。
- 教你写一个简单的网页(html网页开发入门)
- 制作一张简单的网页(HTML+CSS+JS)【1】
- HTML前端网页制作web页面入门
- 基于Dreamweaver的网页制作学习1----简单入门
- 教你写一个简单的网页(html网页开发入门)
- 使用HTML+CSS+JS制作简单的网页菜单界面
- html简单框架网页制作
- HTML-css 简单网页小制作(图片、文字)---Day2
- HTML入门的淘宝注册网页制作
- 网页制作简单入门——用<div>设计简单模块
- 制作一张简单的网页(HTML+CSS+JS) 【3】
- Web基础入门(表格)-使用表格嵌套的形式制作一个简单的网页布局
- html之简单网页制作一
- html制作简单框架网页 实现自己的音乐驿站 操作步骤及源文件下载 (播放功能限mp3文件)
- 前端技术学习之道:html之简单网页表格制作
- HTML、CSS、JavaScript网页制作从入门到精通
- 大学生简单网页个人主页制作大学生网页作业html&css视频教程
- XHTML入门学习教程:简单网页制作
- HTML CSS JavaScript网页制作从入门到精通 第3版 (刘西杰) pdf完整版