HTML5基础入门

HTML5基础入门

2023-03-30 13:54:26文章来源:格加信息
识时科技建站经验丰富,15年专注于招商网站建设服务,提供网站建设,高端网站设计,响应式网站制作,设计师量身打造品牌风格.公司以策略为先导的品牌设计与广告策划服务商,行业竞调与品牌研读构建格加信息品牌竞争力,也为客户品牌有效落地提供切实保障.

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编码。

风险提示及免责条款
[温馨提示] 文章来源于格加信息,由识时科技整理发布。转载注明原文出处,此文观点与识时科技无关,理性阅读,版权属于原作者,若无意侵犯媒体或个人知识产权,请联系我们,本站将在第一时间处理。