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.zzzyk.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属性分别制定图像的宽度和高度
补充:web前端 , HTML/CSS ,