您现在的位置:首页技术文章

思途HTML5培训:HTML5基础入门--中享思途

HTML5是当下最流行的页面语言,其入行的门口也低、就业薪资可观,所以广受想要转行人事的喜爱,今天思途HTML5培训讲师为大家打开HTML5的大门。

1.HTML的标记类型

1.容器标记(Container Tags)

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

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

2.单一标记(Single Tags)

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

         如:<hr>标记的功能是添加分割线;<img>功能是插入图片。

2.HTML的组成

         一个最简单的HTML网页有<html>与</html>标记标识出网页的开始和结束,网页中分为“头(head)”和“主体(body)”两部分。

         <head></head>标记:这里通常放置网页 的相关信息,如<title>,<meta>,这些信息通常不会直接显示在网页上。

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

3.标记属性应用

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

         如:<html>有lang属性,lang属性用来指定网页语言。

         用法:<htmllang="zh-cn"> 

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

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

         如:<metaname="keywords" content="HTML, css, XML, XHTML,JavaScipt">

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

4.化的语义标记

HTML4中-使用<div>标记指定id属性名称,再加上CSS语法达到想要的效果。

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

标记

说明

<header>

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

<nav>

网站的链接菜单

<aside>

用于侧边栏

<article>

定义主内容区

<section>

用于章节或段落

<footer>

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


TML5的DOCTYPE声明如下:

<!DOCTYPE html>

语言的声明方式为:在<head>与</head>中间加入:

<html lang=”zh-CN”;

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

网页编码声明入如下:

<meta charset=”GB2312”>

表示使用GB2312编码。

提示:GB2312是简体中文编码,只支持简体中文。UTF-8是国际码,支持多种语言。

 st_bottom
青岛Java培训,青岛HTML5培训,青岛UI培训,青岛web开发培训,青岛IT培训,java培训,ui培训,HTML5培训,java就业培训,专业ui设计,web开发培训,IT培训,思途教育,青岛思途,中享思途
Copyright © 青岛思途共享科技信息服务有限公司 鲁ICP备14027489号-2

鲁公网安备 37021402000988号

青岛Java培训,青岛HTML5培训,青岛UI培训,青岛web开发培训,青岛IT培训,java培训,ui培训,HTML5培训,java就业培训,专业ui设计,web开发培训,IT培训,思途教育,青岛思途,中享思途