网页概述及HTML结构、标签分类

目录

网页概述

静态网页与动态网页

网页名词解释

Web标准

浏览器内核

HTML结构

HTML标签分类及常用标签

标签分类

常用标签

网页概述

网页概念:网页可以看做承载各种网站应用和信息的容器,所有可视化的内容都会通过网页展示给用户。

网页组成元素:网页主要由文字、图像和超链接(超链接为单击可以跳转的网页元素)等元素构成。当然除了这些元素,网页中还可以包含音频、视频以及动画等。

静态网页与动态网页

        静态网页:用户无论何时何地访问,网页都会显示固定的信息,除非网页源代码被重新修改上传。静态网页更新不方便,但是访问速度快。

        动态网页:显示的内容则会随着用户操作和时间的不同而变化。动态网页可以和服务器数据库进行实时的数据交换。

网页名词解释

名词 名词释义
Internet网络 就是通常所说的互联网,是由一些使用公共语言互相通信的计算机连接而成的网络。
WWW

WWW(英文World Wide Web的缩写)中文译为“万维网”是Intertnet提供的一种网页浏览服务

URL

URL(英文Uniform Resource Locator的缩写)中文译为“统一资源定位符” URL其实就是Web地址,俗称“网址”

DNS

DNS (英文Domain Name System的缩写)是域名解析系统

HTTP和HTTPS

HTTP (英文Hypertext transfer protocol的缩写) 中文译为超文本传输协议,是一种详细规定了浏览器和万维网服务器之间互相HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议,要比HTTP协议安全。

通信的规则。

Web

Web通常指互联网的使用环境。但对于网站制作者来说,它是一系列技术的复合总称,通常称之为网页。

W3C组织

W3C(英文World Wide Web Consortium的缩写)中文译为“万维网联盟”。万维网联盟是国际最著名的标准化组织。

Web标准

Web标准是由W3C和其他标准化组织制定的一系列标准的集合。 包含我们所熟悉的HTMLXHTMLCSSJavascript等等。

Web标准的构成:结构标准(对网页元素进行整理和分类)【相当于房子的框架】、表现标准(设置网页元素的版式、颜色、大小等外观样式,主要指CSS)相当于房子的装修、行为标准(指网页模型的定义及交互的编写,主要包括两个部分:DOM和ECMAScript)【相当于房子内部的设备

HTML概念:HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。

CSS概念:CSS通常称为CSS样式或样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。

JavaScript概念:JavaScript是网页中的一种脚本语言,其前身叫做LiveScript,由Netscape(网景)公司开发。后来在Sun公司推出著名的Java语言之后,Netscape公司和Sun公司于1995年一起重新设计了LiveScript,并把它改名为JavaScript

浏览器内核

浏览器内核是浏览器最核心的部分,负责对网页语法的解释并渲染网页(也就是显示网页效果),是渲染引擎(标准叫法)的通俗叫法。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同。

常见浏览器内核
Trident内核 IE浏览器
Gecko内核 Firefox浏览器
Webkit内核 Safari(苹果的浏览器)
Presto内核 Opera浏览器
Blink内核 由谷歌和Opera开发

HTML结构



    
        标题
    

    
        身体部位
        

HTML标签分类及常用标签

标签分类

单标签:  只有一个标签  :br,
双标签:有开始和结束标签 比如:html,head,body

常用标签

Meta

  • charset:设定网页字符集的方式

  • http-equiv

    • X-UA-Compatible:用于告知浏览器以何种版本来渲染页面

      • cache-control 指定请求和响应遵循的缓存机制

        • no-cache: 先发送请求,与服务器确认该资源是否被更改,如果未被更改,则使用缓存

        • no-store: 不允许缓存,每次都要去服务器上,下载完整的响应

      • refresh:自动刷新并指向某页面

         

      • content-type

  • name

    • author:用于标注网页作者

    • description :用于告诉搜索引擎,网站的主要内容

    • keywords:用于告诉搜索引擎,网页的关键字

    • viewport:这个属性常用于设计移动端网页

    • renderer:内核控制

  
  
。
  
  
  
  
  
  1. webkit:极速内核
  2. ie-comp:IE兼容内核
  3. ie-stand IE标准内核
  

body

文档体

属性

  • bgcolor='颜色'

     
    

       

 

-

标签

-

标签可定义标题。

定义最大的标题。

定义最小的标题。

这是标题

这是标题

这是标题

这是标题

这是标题
这是标题

标签 

标签定义段落。

p 元素会自动在其前后创建一些空白。

这是一个段落


标签


可插入一个简单的换行符。


标签是空标签(意味着它没有结束标签,因此这是错误的:

)。在 XHTML 中,把结束标签放在开始标签中,也就是

请注意,
标签只是简单地开始新的一行,而当浏览器遇到 

标签时,通常会在相邻的段落之间插入一些垂直的间距。

注:请使用
来输入空行,而不是分割段落。


 
标签


标签在 HTML 页面中创建一条水平线。

水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

这是一个段落



此处是水平换行线

这是一个段落

标签 

字体

属性

  • color

    文字的颜色

  • size

    注意:size表示尺寸 ,取值 从 1到7的一个整数,没有单位,用来设置文字的大小

         规定文本的字体、字体尺寸、字体颜色

文本内容

标签

高亮展示

图片

 
  美女

	

标签

上标

标签

下标

43

H2O

 

标签 

标签定义超链接,用于从一张页面链接到另一张页面。

元素最重要的属性是 href 属性,它指示链接的目标。

百度

首页

 
          美女
 

 

标签

滚动

 
        
        
        
        
    

标签

删除线

 

标签

斜体

你可能感兴趣的:(前端,html5,前端,html)