成都创新互联网站制作重庆分公司

Web中HTML基础是怎样的

Web中HTML基础是怎样的，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

创新互联客户idc服务中心，提供托管服务器、成都服务器、成都主机托管、成都双线服务器等业务的一站式服务。通过各地的服务中心，我们向成都用户提供优质廉价的产品以及开放、透明、稳定、高性价比的服务，资深网络工程师在机房提供7*24小时标准级技术保障。

内容提要：

  • HTML文档的基本结构

  • 标记(标签)类型、标记(标签)语法

  • body标记的属性的设置方法

  • 给网页添加注释

  • meta元信息的作用

  • HTML文档类型。

html文件由头部head和主体body两部分组成：

  • 在头部标记中，可以定义标题、样式等，头部里放的是网页元信息，不显示在网页内，元信息是关于网页的基本描述。

    CSS代码和JavaScript代码可以放在头部，另外JavaScript代码也可以放在body部分。

  • 在主体标记中，可定义段落、标题字、超链接、脚本、表格、表单等元素，主体内容是网页要显示的信息。

    


    
    
    
    Document


    
    欢迎大家学习web前端技术

头部

  • HTML文档的头部标记主要包含页面标题标记、元信息标记、样式(CSS)标记、脚本(JavaScript)标记、链接标记等。头部标记所包含的信息是说明性信息或引入性信息，一般不会显示在网页上。

  • 页面标题

    • 基本语法

      标题信息显示在浏览器的标题栏上

    • 语法说明：title标记是双标记，是开始标记，是结束标记，两者之间的内容为显示在浏览器的标题栏上的信息。

  • 元信息

    • http-equiv属性用于提供HTTP协议的响应头报文，以键值对的形式，http-equiv属性的值所描述的内容(值)通过content属性表示，通常为网页加载前提供给浏览器等设备使用。

    • 其中最重要的是content-type charset提供编码信息，refresh刷新与跳转页面，no-cache页面缓存，expires网页缓存过期时间。

    • name属性用于描述网页，以键值对的形式，便于搜索引擎查找、分类。

    • 其中最重要的是description、keywords和robots

    • META标记用来描述一个HTML网页文档的属性，也称为元信息(meta-information)，这些信息并不会显示在浏览器的页面中。例如：作者、日期和时间、网页描述、关键词、页面刷新等。该标记位于文档的头部(其属性形式是键值对)。

    • 基本语法

    • 属性说明：meta属性主要分为两组。

    • meta标记是使用方法

    • meta标记键值对对应表

      属性值描述
      contentsome_text定义与http-equiv或name属性相关的元信息
      http-equivcontent-type内容类型

      		expires网页缓存过期时间

      		refresh刷新与跳转(重定向)时间

      		set-cookie如果网页过期，那么存盘的cookie将被删除
      nameauthor定义网页作者

      		description定义网页简短描述

      		keywords定义网页关键字

      		generator定义用什么编辑器编写的
      schemesome_text定义用于翻译content属性值的格式

    • name属性与content属性

    • http-equiv属性与content属性

主体

主体body是一个Web页面的主要部分，其设置内容是读者实际看到的信息，所有WWW文档的主体部分都是由body标记定义的。在主体body标记中可以放置的是页面中所有的内容，如图片、图像、表格、文字、超链接等元素。

  • 基本语法

    • …

  • 语法说明

    • 是开始标记，是结束标记。

    • 两者之间所有的内容为网页上显示的信息。

  • 案例

    


    
    
    
    简易网页设计


    Web前端开发技术课程简介
    


    
        《Web前端开发技术》课程是计算机科学与技术、信息管理与信息系统、软件工程
        等专业的一门基础课程，也是其他计算机相关专业的公共基础课程，通过对Web前端开
        发三大主流技术学习和研究，让学生理解和掌握HTML、JavaScript、CSS等相关知识，
        通过实验培养学生设计与开发Web站点的基本操作技能。
    

Web中HTML基础是怎样的

  • 标记属性

    • 设置body标记属性可以改变Web页面显示效果。body标记主要属性有text、bgcolor、background、link(未点击未激活)、alink(正在激活)、vlink(已经点击过)、topmargin、leftmargin。

    • 基本语法

    • 属性说明

属性值描述
text.rgb(R,G,B)，.grb(R%,G%,B%)，.#RRGGBB|#RGB，.Colorname规定文档中所有文本的颜色。不赞成使用。请使用样式取代它。
bgcolor同上规定文档的背景颜色
alink同上规定文档中活动链接的颜色
link同上规定文档中未访问链接的默认颜色
vlink同上规定文档中已被访问链接的颜色
backgroundURL规定文档的背景图像
topmargin.Pixel规定文档中上边距的大小
leftmargin.Pixel规定文档中左边距的大小

  • body标记属性-颜色表示方法，在网页设计中，HTML提供了4种颜色设置方法：

    • 使用RGB(R,G,B)，其中R、G、B是0-255的整数；

    • 使用RGB(R%,G%,B%)，其中R、G、B是0-100的整数；

    • 使用3位或6位十六进制数#RGB或#RRGGBB，R、G、B为十六进制数，取值范围：0-F，每种颜色使用2位十六进制数表示，RR：红色部分、GG：绿色部分、BB：蓝色部分。红色为#FF0000；#RGB可以转换为#RRGGBB，例如红色分别表示为#F00、#FF0000.

    • 使用颜色英文名称，如red表示红色、green表示绿色，blue表示蓝色等。

  • body标记属性-案例(edu_2_3_2.html)

    



    
    
    body属性应用
    
    



    
        
    欢迎访问我们的站点，我们为您提供网站地图。
    
        网站导航：
        百度
        网易
        搜狐
    

HTML标签