HTML

根据 W3C 标准,一个网页主要由三部分组成:结构、表现还有行为。

HTML_第1张图片

 

 

结构:HTML用于描述页面的结构

表现:CSS用于控制页面中元素的样式

行为:JavaScript用于响应用户操作

W3C万维网联盟,专门为了定义网页相关的标准成立,定义了网页中的HTML、CSS、DOM、HTTP、XML等标准。

WHATWG网页超文本应用技术工作小组,是一个为推动HTML5标准而成立的组织。2004年,由Opera、Mozilla基金会和苹果这些浏览器厂商组成。

 

一、HTML概述

HTML(Hypertext Markup Language)超文本标记语言,使用标签的形式来标识网页中的不同组成部分。所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面。

 

发展

HTML_第2张图片

 

如何区分不同的HTML呢,使用文档声明

HTML5的文档声明:

DOCTYPE html> 

 

HTML5引入原生多媒体支持,引入可编程内容,引入语义Web

 

 元素和标签

I like <code>applescode> and oranges.

上面的 <code>applescode> 就是code元素,包括开始标签、结束标签和元素内容(apples)组成。

空元素

没有内容的元素称为空元素,如 <code>code> 。

空元素可以更简洁地只用一个标签表示,如 <code/> ,这被称为自闭和标签或自结束标签。

 两种标签

<标签名 >标签内容
<标签名 />

 

元素属性

元素可以使用属性进行配置,属性只能用在开始标签或单个标签上,不能用于结束标签。

属性值可以使用单引号和双引号

一个元素可以配置多个属性

可以使用布尔属性

可以使用自定义属性

分为全局属性和专有属性

 

全局属性

accesskey属性 设置快捷键

class属性 将元素规类

contenteditable属性 true

contextmenu属性 为元素设定快捷菜单

dir属性 rtl ltr

draggable属性 

dropzone属性

hidden属性

id属性

lang属性

spellcheck属性

style属性

tabindex属性

title属性

 

HTML文档基本结构

外层结构

包含两个元素:DOCTYPE和html

DOCTYPE HTML>
<html>
    
html>

 

元数据

包含在head元素内部,比如title元素

DOCTYPE HTML>
<html>
    <head>
        
        <title>Exampletitle>
    head>
    <body>
    
    body>
html>

父元素、子元素、后代元素和兄弟元素

二、HTML元素

2.1 元素速览

 

你可能感兴趣的:(HTML)