- 1、本文档共47页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
语言入门教程(一)
什么是HTML 语言
HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言,由
W3C(World Wide Web Consortium)所制定和更新。我们可以用任何一种文本编译起来编辑 HTML 文
件,因为它就是一总纯文本文件。
HTML 语言的基本结构
下面我们来看一小段HTML 语言的代码,来了解HTML 语言的基本结构:
html
head
titleHTML 语言的基本结构/title
/head
body
HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。
/body
/html
将这一小段代码粘贴至文本文件中,然后选择“ 另存为”,将文件的后缀名改为.htm 或者.html 即可,
然后再所在的目录下就可看到一个IE 的图标,名字就是你所存的文件名称。
html…… ……/html
这是声明HTML 文件的语法格式。每一个HTML 文件,都必须以HTML开头,以/HTML结束
head…… ……/head
这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头,并不属于文件本体。
title…… ……/title
这是声明文件标题的语法格式。在这之中写下的所有内容,都将写在网页最上面的标题栏中。
body…… ……/body
这是声明文件主体的语法格式。在者之间写下的内容都是文件的主体,也就是说将会被显示在客户区之
中。
注意:几乎每一种HTML 语言的语法都是以开头,以/结束。在编辑HTML 语言过程中,也可以使
用注释。语法格式为:!-文件注释-。就好像C 语言中的 /* …… …… */ 一样,中间的内容只是解释
说明,并不被编译器所编译。
HTML 语言的基本单位
1 . 长度单位
长度单位可以用来定义水平线、表格边匡、图像等对象的长、宽、高等一系列属性,同时也可以用来定
义这些对象在页面上的位置等属性,用来描述页面上可能遇到的各种长度。
长度的表示方法有两种:绝对长度和相对长度。他们的单位都是像素(pixel)和百分比(%),像素代表
的是屏幕上的每个点,而百分比代表的是相对于客户区的多少。下面我们就以水平线的宽度为例,说明这
两种表示方法。
html
head
titleHTML 语言的长度表示/title
/head
body
HTML(HyperText MarkUp Language)是使用特殊标记来描述文档结构和表现形式的一种语言。
hr width= 500 !绝对长度的声明
hr width= 50% !相对长度的声明
/body
/html
在文本编译器中编译,改变网页的大小,就会看到这两者表示长度方法的不同。
其中 hr 标记是在页面上建立水平线的标记。width 是水平线元素中的一种属性,用来表示水平线
的宽度。这里width=500 即表示这个水平线的宽度是500 像素;width=%50 即表示水平线占据客
户区的总宽度的%50 。
2 . 颜色单位
和长度单位一样,颜色单位也是描述页面表现形式的一种很重要的的数据类型。颜色单位有三种表示方
法:16 进制颜色代码、10进制 RGB 码、直接颜色名称。这三种表示方法不同,但是效
果却是一样的。下面用一小段代码说明这三种颜色的表示方法。
html
head
titleHTML 语言中颜色的不同表示方法/title
/head
body
font color=red静夜思/fontbr!红色
font color=#008000窗前明月光/fontbr!绿色
font color=rgb(0,0,255)疑是地上霜/fontbr!蓝色
font color=#ffff00举头望明月/fontbr!黄色
font color=#800000低头思故乡/font!栗色
/body
/html
注意:本文件在保存时请选择 Unicode 字符型进行保存。
16 进制颜色代码,语法格式: #RRGGBB 。16 进制颜色代码之前必须有一个 “#”号,
这种颜色代码是由三部分组成的,其中前两位代表红色,中间两位代表绿色,后两位代表蓝色。不同的取
值代表不同的颜色,他们的取值范围
您可能关注的文档
- Get清风牛津译林版七年级下册第一次月考.pdf
- Get清风牛津译林版七年级下英语期末考试专题练习—阅读表达.pdf
- Get清风牛津译林版高中英语必修三第二学期单元自主学习能力测试.pdf
- Get清风牛津译林版英语7BUnit4教案8课时.pdf
- Get清风物联网就在身边——初识物联网苏教版小学六年级信息技术教学设计.pdf
- Get清风牛津译林版高中英语必修二Unit3《Amazingpeople》project教案.pdf
- Get清风生物试题及答案.pdf
- Get清风生物:高三生物必修3背诵版内部资料11.pdf
- Get清风计算机科学与技术专业中英文课程描述.pdf
- Get清风钻孔灌注桩基础知识.pdf
- 江苏省灌云高级中学2023-2024学年高三上学期第一次月考地理试题含答案.docx
- 备战2024年高考物理一轮重难点复习 第十三章 近代物理.docx
- 江苏省高邮市一中2021-2022学年高三上学期第一次月考语文试题(原卷版).docx
- 江苏省华罗庚中学2023-2024学年高三上学期12月阶段检测数学试卷含答案.docx
- 江苏省海门中学2023-2024学年高三上学期第一次调研考试地理试题及答案.docx
- 备战2024年高考物理一轮重难点复习 第九章 恒定电流.docx
- 江苏省高邮市2023-2024学年高三下学期3月学情调研数学试题含答案.docx
- 备战2024年高考物理一轮重难点复习 实验十一:探究影响感应电流方向的因素.docx
- 备战2024年高考物理一轮重难点复习 实验三:验证平行四边形定则.docx
- 备战2024年高考物理一轮重难点复习 第十四章 光.docx
本司主营文章撰写、培训教材、合同协议、发言稿、策划、汇报、各类文案。 ~ 海量资深编辑老师无缝对接,一对一服务。 ~ 保原创!可加急!免费改!
文档评论(0)