第二阶段 HTML5基础

一. HTML特性简介

1. HTML发展

超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准):
HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日,W3C推荐标准
HTML 4.0——1997年12月18日,W3C推荐标准
HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准
HTML 5——2014年10月28日,W3C推荐标准
ISO/IEC 15445:2000(“ISO HTML”)——2000年5月15日发布,基于严格的HTML 4.01语法,是国际标准化组织和国际电工委员会的标准。

2. HTML基础

  • 声明:< !DOCTYPE html >

    HTML也有不同的版本,只有完全明白页面中使用的确切的HTML版本,浏览器才能完全正确的显示出HTML页面,而这就是声明” < !DOCTYPE html > “的用处
    例如:
    HTML5:
    < !DOCTYPE html >
    XHTML 1.0 Strict:
    < !DOCTYPE htmlPUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd” >

  • HEML基础标签:head、body

    HTML基础标签

  • HTML标题:< h1 >…< h6 >等标签进行定义

    HTML标题

    实际运行效果:

    HTML标题效果

  • HTML段落:< p >标签定义段落

  • HTML链接:< a >标签定义链接

    HTML链接

    实际运行效果

    HTML链接效果

  • HTML图像:< img >标签定义图像

    HTML图像

    实际运行效果

    HTML图像效果

二. HTML5元素、属性和格式化

1. HTML5元素

  • 元素指的是从开始标签到结束标签的所有代码
开始标签(开放标签)元素内容结束标签(闭合标签)
< p >this is my web page< /p >
< br / > (换行)



[ 换行和段落:段落之间上下间隔大,而换行的上下字段的间隔小 ]

  • HTML语法

    元素的内容是开始标签和结束标签之间的内容
    空元素在开始标签中进行关闭( eg. < br/ >)
    大多数HTML元素可拥有属性

  • 嵌套的HTML元素

    大多数HTML元素都是可以嵌套的

2. HTML5属性

  • 标签可以拥有属性为元素提供更多的信息
  • 属性以键/值对的形式出现,如: href= “www.baidu.com”
  • 常见标签属性:
标签属性作用
< h1 >align对齐方式
< body >bgcolor背景颜色
< body >background背景图片
< a >target规定在何处打开链接


  • 通用属性
属性作用
class规定元素的类名
id规定元素唯一ID
style规定元素的样式
title规定元素的额外信息


  • 实例操作

    这里写图片描述

    实际效果

    这里写图片描述

3. HTML5格式化

标签描述
< b >定义粗体文字
< big >定义大号字
< em >定义着重文字
< i >定义斜体字
< small >定义小号字
< strong>定义加重语气
< sub >定义下标字
< sup >定义上标字
< ins >定义插入字
< del >定义删除字
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值