新闻资讯
教育培训,加盟有我

html5代码:初步了解HTML标签

  在准备好属于自己的开发工具后,接下来,就可以创建一个HTML5页面了。首先在准备好的开发工具中,新建一个web项目,例如在Hbuilder软件中,这时你会发现你所建立的项目文件夹下多了几个文件(夹),其中包含index主页。因为这是Hbuilder软件自动生成的,所以你就可以不用自己再建立了。双击打开index.html,你就可以看到HTML5页面构成的最基本结构框架。首先输入第一行HTML代码,如下:

HTML部分

  左右滑动查看更多

  上面代码中,<!DOCTYPE>标签就是形同一个声明,同学们只需记住,在制作所有HTML5页面时把它放在第一行就可以了。

  <html></html>标签,形如“围墙”,用它来包裹整个页面,即所有页面内容都得写到这对标签里面。而在围墙之内又有两大块,一部分是页面的“头”,一部分是页面的“身体”,分别用<head><body>标签来指定。

  <html></html>>标签中包含了对页面各种属性、配置信息的描述,这些代码基本都不会作为页面内容呈现给浏览者,因此某种程度上可以将<head>视作一张“身份证”。这张身份证需要有两项基本的信息,一项是“名字”,另一项是“语言”。

  每个人都需要有一个名字,那么一张网页的页面也一样,接下来,我们设置页面的标题,我们这里设置为台州科技职业学院。<title>标签是<head>的必需元素,即页面的标题。

  而utf-8是一种通用的编码格式,又称为“万国码”,这样我们就可以在网页上显示任何语言了。

  title标签

  下面我们就要在<body>标签里制作所呈现给浏览者的内容信息。我们首先来看一下学校主页的排版,整体分五个大板块,

 body标签

  HTML5对标签大小写并不敏感,如<html>完全可以写成<HTML>,但为了养成良好的代码书写习惯,建议同学们使用小写字母。此外,书写代码也最好按照代码的层级结构进行缩进,建议以2个或4个空格作为缩进值,以保持代码清晰。

转载请注明出处 百福加盟网 | 成都馨香网络科技有限公司 » html5代码:初步了解HTML标签

分享:

相关推荐