网页设计与制作教程

1.HTML5的基本结构和语法规则

  HTML5文档的基本结构如下:

<!DOCYYPE html>

<html lang="zh-CN">

   <head>

          <meta  charset="UTF-8">

          <title>文档标题</title>

        </head>

       <body>

      文档正文部分

     </body>

      </html>

       HTML文档可分为文档头(head)和文档体(body)两部分。文档头的内容包括网页语言,关键字和字符集的定义等;文档体中的内容就是页面要显示的信息。

 1.1  </DOCTYPE  html>标签

     用于向浏览器说明当前文档使用哪种HTML标准规范必须放在每一个HTML文档的最顶部,在所有代码和标签的之前。

1.2<html>...<html>标签

<html>标签位于<!DOCTYPE html>标签之后,称为HTML文档标签,也被称为跟标签,用于告诉浏览器其自身是一个HTML文档

1.3<html  lang="zh-CN">

   lang属性为文档设置语言,对于简体中文,设置为“zh-CN"

1.4<head>...</head>标签

<head>标签用于定义HTML文档的头部信息,也称为头部标签紧跟在<html>标签之后

1.5<meta charst>标签

<meta  charset>指定网页文档中的字符集,称为HTML文档编码,HTML5文档中直接使用meta元素的charset属性指定文档编码,格式如下:

<meta charset=''UTF-8>

对于中文网页的设计者来说,指定代码的字符集为"UTF-8"

1.6<title>....</title>标签

   HTML文档的标题显示在浏览器的标题栏中,用于说明文档的用途

  其语法格式如下

  <title>网页标题<title>

1.7<body>...<body>标签

<body>标签定义HTML文档要显示的内容,也称为主题标签<body>标签内的信息才是最终展示给用户看的。HTML文档主题标签的语法格式如下:

                                       <body>

                                         网页的内容

                                       </body>

2  元素的分类

依据元素的作用不同,可将元素分为元信息元素,语义元素和无语义元素。

2.1  meta元素是元信息元素,在HTML中是一个单标签的空元素。该元素可重复出现在头部元素中用来指明本页的作者,制作工具,所包含的关键字,以及其他一些描述网页的信息。

   meta元素的常用属性如下

   1)charset:定义文档的字符编码,常用的是UTF-8。

   2)content:定义与name和http-equiv相关的元信息

   3)   name:关联content的名称(常用的有keywords关键字,author作者名,description页面描述)

2.2  语义元素

  语义元素是指清楚地向浏览器和开发者描述其意义的元素,如标题元素,段落元素,列表元素等。语义元素分为块级元素,行内元素(内联元素),行内块元素等。

(1) 块级元素(block)

 (2)行内元素 (inline)

(3)行内块元素

3  常用的HTML编辑软件

 Hbuilder X  (体积小 ,启动快,使用上符合中国人的使用习惯,编写HTML比较方便。

                       

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值