我们在写html代码时,流程是这样的:
先写我们的控制内容的标记,例如某个内容比较重要,可以在语义上加些权限 <strong>内容</strong>
1.html网页文档的结构
所有的网页文件,通常由四对标记来构成,文档的骨架,它们是:
<html>
<head>
<title>标题</title>
</head>
<body>
正文
</body>
</html>
. <html>...</html>标识网页文件的开始与结束,所有的html元素都要放在这对标记中
. <head>...</hea>标识网页文件的头部信息,如标题、搜索引擎关键字等。
. <title>...</title> 标识网页文件的标题
. <body>...</body> 标识网页文件的主体部分
2.meta 标记 用于定义文件信息
. meta 标记用于定义文件信息,对网页文件进行说明,便于搜索引擎查找.放置于<head></head>之间
.<meta name="keywords" contend="关键字1,关键字2">多个关键字内容之间可以用","分隔
.<meta name="description" content="描述"> 用来设置你对此网页的描述,搜索引擎将用此处来进行关键字抓取
.<meta name="author" content="作者名">
.<meta http-equiv="content-type" content="2";url="http://www.itcast.cn" />
----------<!---->定义注释
<!--这是一段注释。注释不会在浏览器中显示。-->
3.列表标记
列表标记可以创建一般的无序列表、编号列表,以及定义列表三种方式。还可以在一种列表中嵌套另一种列表。便于概括显示一系列相关的内容
（1）、无序列表<ul>...</ul>
（2）、有序列表<ol>...</ol>
<ol start="列表起点" type="项目符号类型">
<li>内容1</li>
<li>内容2</li>
（3）、定义列表<dl>...</dl>----定义列表
<dt>标题1</dt>-----表示一个项目
<dd>内容</dd> ----表示一个项目下的更详细的内容的解释
4. web 上支持的图片格式
. GIF(图形交换格式)：GIF格式文件最多只能保存256种颜色。该格式支持透明色，支持动画效果。
. JPEG（联合图像专家组）：该格式不支持透明色及动画，颜色可达1670万种
. PNG（网络科移植格式）：该格式支持透明色，不支持动画，颜色从几种至1670万种。
-----图片标记<img src="图片路径">
******* 路径
1. 绝对路径:提供目标文档的完整主机名称、路径信息、及文档全称
2. 相对路径:从当前文档开始的路径
3.根相对路径:从站点根目录开始的路径,以"/"开头
.....如果当前文档和目标文档所在文件位置平行,则书写为文件夹名称/目标文档全称--(目标文档低一级)
.....如果当前文档和目标文档位置平行,则直接书写目标文档全称--(两个在同一个文件夹)
.....如果当前文档所在文件夹和目标文档位置平行，则书写为../目标文档全称（目标文档高一级）
5.表格的属性:
标签:
<table>
<tr>行
<td>列</td>
</tr>
</table>
属性:
<table bgcolor="">------设置表格的背景色
<table background="">---设置表格的背景图片
<table border="">-------设置边框的宽度,若不设置此属性,则边框宽度默认为0
<table cellpadding="">--设置表格单元格边框 与其内部内容之间的空间的大小,默认为2(一般设置为6--10)
<table cellspacing="">--设置表格单元格之间空间的大小,默认为2(单元格间距)
<table bordercolor="">--设置表格边框的颜色
<table bordercolorlight="">设置边框亮部分的颜色(当border的值大于1时有用)
<table bordercolordark="">设置边框暗部分的颜色(当border的值大于1时有用)
<table align="">--------设置表格的对其方式(left=左,center="居中",right=右)
<table width="">--------设置表格的宽度，单位用绝对像素值或总宽度的百分比
6. 超链接:
一个网站是由多个网页组成的,网页之间都是通过链接实现相互关联的.
链接的概念: 实现由当前文档到目标文档的一种跳转
语法:
<a href="链接目标" title="注释" target="打开链接窗口的形式">显示内容</a>
_blank 在新窗口打开
_self 在自身窗口打开(默认)
_parent 在上一级窗口打开,框架会经常使用
_top 在浏览器的整个窗口打开,忽略任何框架
7.表单标记
. form标记用于创建一个表单,定义表单的开始与结束,它是一个容器,用于包含其他表单元素,例如文本框 、单选框等表单元素必须在form标记内才有用
. <form action=url(传送目标,处理表单信息的服务器端应用程序) method=处理表单数据的方法(post/get) 如果不写method则默认提交方式为get,name=表单名称>
表单元素
</form>
. post 方法可以传递大量信息
. get方法将值附加到请求该页的URl中,适合传递少量信息(默认方式)
.. 单行文本框 <input name="文本框名称" type="text" value="初始值" size="显示字符数" maxlength="最多容纳字符数">
更多标签用法--------请关注
