- 1、本文档共18页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
步骤一:了解HTML语言
hr size=2 /
br /
双标记:
标记名 属性=值内容.../标记名
段落标记:p......./p
常见的标记:
!DOCTYPE html :声明文档类型
HTML:双标记,表示网页文件开始和结束
head:双标记,表示网页头部
body:双标记,表示网页主体
title:双标记,表示网页标题
meta:单标记,元标记
p:段落
h1,h2,h3,h4,h5,h6:标题标记,双标记
img:图像标记,网页中插入一个图像
a:超级链接标记,双标记,在网页中插入一个链接
a href=/...../a
strong:加粗,双标记
div:层、区块,双标记
CSS:层叠样式表(网页显示方式)
JS:javascript脚本,主要是网页和用户实现交互的
步骤二:了解HTML的文档结构
通过一个最简单的HTML文档案例说明HTML文档结构,所有的HTML网页都是遵循如下文档结构。
新建一个记事本文件,写入以下代码到新文件,然后将文件命名为first.html 。实例代码如下:
copytextpop-up
html
head
title标题栏内容/title
/head
body
Hello world
/body
/html
html
head
title标题栏内容/title
/head
body
Hello world
/body
/html
文件的第一个标记是html,告诉浏览器这是HTML文件的头。文件的最后一个标记是/html,表示HTML文件到此结束。
在head和/head之间的内容,是Head信息。Head信息是不显示出来的,在浏览器里看也不到。但是这并不表示这些信息没有用处。比如可以在Head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。
在title和/title之间的内容,是文件的标题。可以在浏览器最顶端的标题栏看到标题效果。
在body和/body之间的信息,是正文内容,将要显示在浏览器中。
浏览效果如图-1所示:
图-1
步骤三:了解HTML属性
HTML 标签可以拥有属性。属性总是以名称/值的形式出现,多个属性时,使用空格隔开。属性总是在 HTML 元素的开始标签中,与标签之间用空格隔开。
属性实例:
HTML 链接由a标签定义。链接的地址在href属性中指定,代码如下:
copytextpop-up
html
head
title标题栏内容/title
/head
body
Hello world a href=百度/a
/body
/html
html
head
title标题栏内容/title
/head
body
Hello world a href=百度/a
/body
/html
浏览效果如图-2所示:
图-2
使用 Target 属性,可以定义被链接的文档在何处显示。例如target=“_blank”代表链接将在一个新的页面打开。代码如下:
copytextpop-up
html
head
title标题栏内容/title
/head
body
Hello world a href= target=“_blank”百度/a
/body
/html
html
head
title标题栏内容/title
/head
body
Hello world a href= target=“_blank”百度/a
/body
/html
步骤四:了解标题标签(h)
HTML语言提供了一系列对文章标题进行操作的标签对。标题(Heading)是通过h1/h1……h6/h6即一共六对标签进行定义的。h1/h1定义最大的标题,而h6/h6定义最小的标题,即标签中h后面的数字越大标题文本就越小。像h等内容显示的标签都应出现在body/body标签对中。
请确保将h标签只用于标题。不要仅仅是为了产生粗体或大号的文本而使用标题。搜索引擎使用标题为网页的结构和内容编制索引,所以用标题来呈现文档结构是很重要的。
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
语法如下:
copytextpop-up
html
head
title标题栏内容/title
/head
body
Hello world a href=百度/a
h1这是1号标题/h1
h2这是2号
您可能关注的文档
- HR三大支柱模型介绍..doc
- HP整体解决方案..doc
- HR八大模块技能分级评价..doc
- HR必备人手一本招聘全套手册..doc
- HR结构化面试工具包..doc
- HPMINDE映射算法分析和评价..docx
- HSE体系文件的结构与编写..doc
- HSE指导书..doc
- HSE管理体系及措施..doc
- HSE管理体系工作清单..docx
- 2025年昆明卫生职业学院单招职业倾向性考试题库参考答案.docx
- 2025年昆明卫生职业学院单招职业倾向性考试题库新版.docx
- 建筑材料购销合同质量标准与验收条款.docx
- 金融服务外包股权及资产转让合作协议.docx
- 金融投资公司股份代持与业绩对赌协议.docx
- 2025年昆山登云科技职业学院单招(语文)测试题库精选.docx
- 2025年昆山登云科技职业学院单招(语文)测试模拟题库带答案.docx
- 2025年昆山登云科技职业学院单招(语文)测试模拟题库必考题.docx
- 金融租赁企业股东内部股权转让与风险管理协议样本.docx
- 2025年昆明工业职业技术学院单招职业技能测试题库必考题.docx
最近下载
- 风能发电系统 漂浮式海上风力发电机组一体化计算分析导则及编制说明.pdf VIP
- 新人教版高中数学必修第一册全册单元测试卷(原卷+解析).pdf VIP
- 2024年北京市普通高中学业水平等级性考试地理试卷(含答案).pdf VIP
- 生猪屠宰兽医卫生检验人员考试题库5份(含答案).docx
- 2017款长城哈弗M6-2017款1.5T手动自动两驱蓝标_汽车使用手册用户操作图解驾驶车主车辆说明书电子版.pdf VIP
- 2025年全国普通高等学校体育单招真题英语试卷(原卷+ 完整版2025.pdf VIP
- 二月闹肠胀气(宝宝哭闹护理手册).pdf
- 马来酸阿伐曲泊帕片-药品临床应用解读.pptx VIP
- 当代中国政府与政治全套教学课件汇总.pptx VIP
- 2024年全国普通高等学校运动训练、民族传统体育专业单招考试数学试卷.pdf VIP
文档评论(0)