《html学习笔记第一课》由会员分享,可在线阅读,更多相关《html学习笔记第一课(12页珍藏版)》请在金锄头文库上搜索。
1、Author:SummerQQ:648629762HTML 学习笔记(第学习笔记(第 1 课)课)因为最近我在学习 PHP,所看书籍细说 PHP书中提到先看看 HTML,了解基本的标记, 然后就有了写学习笔记的打算!首先,我们先来了解下 HTML 的基本概念概念:HTML 的英文全称是 Hyper Text Language,它是超文本标记语言,虽说 HTML 作 为一种标记语言,但它本身不能显示在浏览器中,它只有经过浏览器的解释,才能正确地反 映 HTML 标记语言的内容。我们知道 HTML 并不是一种编程语言,现在我们就来向 HTML 起航吧! 基本语法: Tip:标记符通常都是成对使用,
2、有一个开头标记和一个结束标记符开头标记结束标记 HTML 文件的基本结构: 标记:它放在 HTML 文件的开头,表明网页文档的开始 标记:出现在文档的起始部分,表明文档的头部信息、标题 标记:用来表明文档的主体部分,网页所要显示的内容放在这个标记内HTML 基本标记: 1.头部标记 head 含义:头部标记 head 一般包括标题、基础信息、元信息 语法:. 说明:元素的作用范围是整篇文档,定义在 HTML 语言头部的内容往往不会在网页 上直接显示 举例:正文内容2.标题标记 title 含义:标题标记显示在浏览器的标题栏区 语法:. 说明: 标题标记能够帮助用户更好的识别页面, 页面的标记只
3、有一个, 它位于之间 举例:法客论坛F4ck Team3.元信息标记 meta 含义:一般用来定义页面信息的说明、关键字、刷新等 说明:meta 标记不需要有结束标记,一个尖括号就是一个 meta 内容,在 HTML 页面中可以 有多个 meta 元素, meta 元素的属性有 name 和 http-equiv 等, 其中 name 属性主要描述网页, 以便于搜索引擎查找 设置页面关键字 含义:是进行页面优化的基础,在浏览时是看不到的 语法: 说明:name 为属性名称,在这里是 keywords 是关键字属性,在 content 中则是需要输入的 关键字 举例:既然看到设置关键字,那么我就
4、简单的说下选择关键字的技巧和原则! Tip:1.应选择与网站或页面主题相关联的关键字(假如你的网站是技术论坛,你不能把关键 字设置成”充气娃娃,书籍”等关键字吧,这样用俗语来说就是驴头不对马嘴,所以我们应该 遵循此原则) 2.换位思考,设置关键字(俗话说的好: “知己知彼百战不殆” ,那么我们应该换位成用 户,当你想搜索你的网站时,你会用什么样的关键字?) 3.不同页面,不同关键字(最好根据不同页面来制定不同的关键字组合,这样页面被搜索到的概率将会大大增加) 设置页面说明 含义:设置页面说明是为了便于搜索引擎的查找和更加详细的描述网页的内容 语法: 说明:name 为属性名称,这里设置为 de
5、scription,在 content 中定义具体的页面说明 举例:法客论坛F4ck Team定义编辑工具 语法: Tip:这个标记就不多做解释和说明了,想必大家已经清楚如何使用此标记吧! 设置网页文字及语言 含义:说明网页的编码方式,以便浏览器正确选择语言 语法: 说明:http-equiv 用于传送 http 通信协议的标头,而 content 才是具体的属性值,charest 是字 符集的类型 Tip:字符集类型有很多,我们应该选择正确的 gb2312=简体中文iso-8859-1=英文 举例:法客论坛F4ck Team设置网页的定时跳转 含义: 在浏览网站的时候, 经常会遇到一些欢迎的
6、页面, 但是过了一段时间就自动的跳转了, 这个就是网页定时跳转 语法: 说明:refresh 表示网页的刷新,content 设置跳转时间,通常跳转时间以秒为单位,url 则是 你想要跳转的链接 举例:法客论坛F4ck Team 跳转页面HTML 主体标记 body 1.网页背景颜色 bgcolor 含义:大多数浏览器,其默认背景颜色为白色或灰白色,通过 bgcolor 属性可定为整个网页 的背景颜色 语法: 说明:bgcolor 的值可以是一个已知命名的颜色,也可以是十六进制的颜色值 举例:法客论坛F4ck Team2.网页背景图片 background 含义:使用 background 属
7、性可以将图片设成网页背景图片,还可以设置图片的显示方式和 平铺方式 语法:说明:图片地址可以是绝对地址,也可以是相对地址 举例:法客论坛F4ck Team3.文字颜色 text 含义:可通过 text 属性来设置文字颜色,这一属性是对页面内所有文字起作用 语法: 说明:text 属性值设置方式和 bgcolor 背景颜色设置方式相同 举例:法客论坛F4ck Team法客论坛,有你更精彩!4.链接文字属性 link 含义:在默认情况下,浏览器以蓝色作为超链接文字的颜色,访问过的文字则变成暗红色 语法: 说明:这个属性的设置和前几个设置相同 举例:法客论坛F4ck Team法客论坛使用 alink
8、 设置正在访问的链接文字颜色法客论坛F4ck Team法客论坛点击后:使用 vlink 可以设置访问后的链接文字颜色法客论坛F4ck Team法客论坛点击后:访问过后的:5.边距 margin 含义:在网页中设置页面与浏览器边框的距离,可设置上边距和左边距等 语法: 说明:边距的值是以像素为单位 举例:法客论坛F4ck Team法客论坛 法客论坛Tip:网站页面左边距和上边距一般都为 0,因为这样页面不会有太多空白 6.页面注释标记 含义:页面注释标记用来解释代码,页面注释标记有助于其他开发人员维护和修改 语法: 说明:注释标记标记很简单,希望大家能够常使用,页面注释标记不会显示在页面上 举例:法客论坛F4ck Team法客论坛,没有显示吧?Tip:如果存在嵌套注释,则两个标记结束符号之间的文件会显示出来