400-9158-965

HTML5基础入门

专业文章
2019-06-14
分享:

HTML是TypeTextMarkup Language(超文本标记语言)的缩写。

 

一.HTML的标记类型

 

1.容器标记(Container Tags)

 

         容器标记是成对的开始标记(StartTag)与结束标记(End Tag)。终止标记前加“/”。

 

         例如:

我的网页

注释:此标记的功能是将文字显示在浏览器的标题栏中。(当浏览者将网页加入“收藏夹”是,看到的标题就是

的文字)

 

2.单一标记(Single Tags)

 

单一标记就是没有结束标记。这些标记加上结束标记是没有意义的,这是可以写成


 

 

         如:


标记的功能是添加分割线;功能是插入图片。

 

 

二.HTML的组成

 

         一个最简单的HTML网页有

标记标识出网页的开始和结束,网页中分为“头(head)”和“主体(body)”两部分。

 

        

标记:这里通常放置网页 的相关信息,如

,,这些信息通常不会直接显示在网页上。

 

        

<>body>标记:这里放置网页内容,会直接显示在网页上。

 

三.标记属性应用

 

         有些标记可以加上属性(Attributes)来改变其在网页上显示的方式,属性直接放置在开始标签内。

 

         如:

有lang属性,lang属性用来指定网页语言。

 

         用法: 

 

         表示网页语言设置为中文。

 

         如果超过一个属性,则以空格隔开不同属性。

 

         如:

 

         用来描述网页,有利于搜索引擎快速找到网站并正确分类。

 

四.化的语义标记

 

HTML4中-使用

标记指定id属性名称,再加上CSS语法达到想要的效果。

 

 

        

的id属性是自由命名的。HTML5统一了网页架构的标记,去掉了多余的div,用一些易识别的语义标签来代替。

 

 

        

 

标记

说明

 

 

显示网站名称、主题或主要信息

 

 

网站的链接菜单

 

 

用于侧边栏

 

 

定义主内容区

 

 

用于章节或段落

 

 

位于页脚,用来放置版权声明、作者等信息

 

 

TML5的DOCTYPE声明如下:

 

 

 

语言的声明方式为:在

与中间加入:

 

 

 

表示文件内容使用简体中文。

 

网页编码声明入如下:

 

 

 

表示使用GB2312编码。

简说网络营销的特点
查看下一篇
推荐阅读
近期签单
  • 成功中标阳光电源股份有限公司集团官网开发项目
  • 成功中标基恩士(中国)有限公司营销推广项目
  • 成功中标江苏亨通数字智能科技有限公司网站开发项目
返回列表
相关文章
专业文章
2024.12.12
SEO优化实战攻略:让流量翻倍的秘诀
流量,对于任何一个网站来说都是生死攸关的存在。就让我们一起揭开SEO优化实战的面纱,探索那些让流量翻倍的秘诀。 悬念式让人产生好奇心,想要一探究竟。比...
专业文章
2024.12.12
网站设计中的动态内容生成:利用机器学习推荐个性化内容
试想一下当你走进一家餐厅,服务员不仅知道你喜欢的菜品,还能根据你的心情、天气甚至你的穿着来为你推荐最合适的美食。这就是我们今天要聊的话题——...
专业文章
2024.12.11
网站设计中的响应式视频播放器:提升多媒体内容的适应性
今天咱们就来聊聊网站设计中的一个超级实用的神器——响应式视频播放器。别看它名字听起来高大上其实它就是那个能让你的视频内容在各种屏幕上都能游刃...
专业文章
2024.12.11
网站开发中的性能监控与优化:确保快速稳定的用户体验
在这个数字时代网站就是我们的门面。一个网站的性能就像人的气质一样直接关系到用户的“第一印象”。试想一下如果你的网站慢如蜗牛,用户体验可能就跟...
专业文章
2024.12.11
网站设计中的沉浸式体验:利用虚拟现实(VR)和增强现实(AR)技术
在这个科技飞速发展的时代我们的世界正在被虚拟现实(VR)和增强现实(AR)技术一点点重塑。网站设计也不例外,它正在经历一场从二维到三维的蜕变。就让我们一起...
专业文章
2024.12.10
网站的数据可视化案例研究:将复杂数据转化为易懂图表
数据这个看似枯燥无味的词汇,却蕴含着无尽的宝藏。在互联网时代我们每天都被海量数据所包围如何将这些复杂的数据转化为易于理解的图表,成为了一门学问。就让我...
素未谋面,却能心照不宣;
您在哪里我们的服务就在哪里,全国范围内支持上门洽谈。
即刻联系
扫一扫微信二维码
我们能给的
远比您想的更多
隐私条款信息保护中,请放心填写
400-9158-965
互橙各地办事处可统一调度,上门服务