学习笔记
01.HTML简介 HTML(Hyper Text Mark-up Language超文本标记语言),标记就是用来描述网页内容的一些特定符号,HTML不是编程语言,而是一种描述性的标记语言,用于描述网页中内容的显示方式,比如文字以什么颜色、大小来显示,这些都是利用HTML标记来实现的. HTML文档的创建方式: 用HTML语言创建的文档 ·手工直接编写(例如记事本) ·通过图形化的HTML开发软件Dreamweaver ·由Web服务器上的动态网页程序生成 标记也称为标签或元素.
02.HTML语法 HTML最基本的语法是: <标记符>内容</标记符> 标记符通常都是成对出现的,有一个开头标记和结束标记,结束标记只是在开头标记的前面加一个斜杠"/",当浏览器打开html文件后,就会理解里面的标记符,然后把标记符对应的功能表达出来。例如: <hr width="80%" /) <font size="7">文字内容</font>
制作一个html网页文件: ·新建一个记事本的文件,命名为 *.html ·在文件里面输入内容 HTML标记的类型: 单标记与双标记 ·单标记: <标记名称> ·单一型,无属性值: 如: <br /> ·单一型,有属性值: 如: <hr width="80%" /> ·双标记 ·无属性值: <标记名称>...</标记名称> 如: <title>...</title> ·有属性值: <标记名称 属性="属性值">...</标记名称> 如: <font size"7">...</font>
说明: ·标记与属性、属性之间以空格分隔 ·属性不区分先后顺序,且属性不是必需的. ·虽然在HTML中标记不区分大小写,但在XHTML中所有标记都必须小写,所以建议所有标记都采用小写.
03.HTML文档结构 所有的网页文件,通常由四对标记来构成文档的骨架: <html> <head> <title> 标题 <title> </head> <body> 正文 </body> </html> 说明: ·<html>...</html> 标识网页文件的开始与结束,所有的html元素都要放在这对标记中. ·<head>...</head> 标识网页文件的头部信息,如标题、搜索引擎关键字等. ·<title>...</title> 标识网页文件的标题 ·<body>...</body> 标识网页文件的主体部分
04.注释: 注释格式:
05.头部(head)标记 meta标记用于定义文件信息,对网页文件进行说明,便于搜索引擎查找。放置于<head></head>之间. ·设置关键字: <meta name="keywords" content="value"> 多个关键字内容之间可以用","分隔. ·设置描述: <meta name="description" content="value"> ·设置作者: <meta name="author" content="作者名"> ·设置字符集: <meta http-equiv="content-type" content="text/html;charset=gb2312"> ·设置页面定时跳转: <meta http-equiv="refresh" content="2;URL=http://www.sohu.com" />
06.主体(body)标记 <body bgcolor="背景颜色" background="背景图象" text="文本颜色" link="链接文本颜色" leftmargin="左边界" rightmargin="右边界" topmargin="上边界" bottommargin="下边界"> </body> ·在HTML4.01中,所有body元素的"呈现属性"均不被赞成使用。 ·在XHTML1.0 Strict DTD中,所有body元素的"呈现属性"均不被支持。
07.字符格式 功能 标记 加粗 <b>文本</b> 倾斜 <i>文本</i> 加强语气(加粗) <strong>文本</strong> 加强语气(倾斜) <em>文本</em> 下划线 <u>文本</u> 删除线 <s>文本</s> 上标 文本 下标 文本 说明 ·如果标记的内容比较重要,可以在语义上加权 ·文章网页的主题推荐使用<h1>...</h1> ·网页的段落文字推荐使用<p>...</p>
08.段落控制标记 <hx align="对齐方式">...</hx> 段落标题说明: ·x取值[1-6] ·hx内的文本会自动加粗显示 ·hx针对的对象是段落,而font针对的对象是任意文本.
09.换行 <br />: 换行(换行不换段)