前端基础 HTML

最新推荐文章于 2024-04-30 16:59:14 发布

VIP文章陈曦灵

最新推荐文章于 2024-04-30 16:59:14 发布

阅读量456

点赞数

分类专栏： IT学习之旅前端 html 文章标签： html 前端 css

本文链接：https://blog.csdn.net/weixin_57807561/article/details/128325846

版权

前端基础 HTML

概述

HTML：Hyper Text Markup Language，超文本标记语言
- 超文本：包括文字、图片、音频、视频、动画等
HTML发展史：
- 1993年6月：HTML
- 1995年11月：HTML2.0
- 1996年1月14日：HTML3.2
- 1997年12月8日：HTML4.0
- 1999年12月24日：HTML4.01
- 2000年1月26日：XHTML1.0
- 2001年1月26日：XHTML1.1
- XHTML2.0
- 2013年5月6日：HTML5
  - HTML5提供了新的元素和特性，同时也建立了一些新的规则
  - 提供了许多新功能：
    - 网页实现动态渲染图形、图表、图像和动画
    - 无需安装插件可直接使用的网页播放视频
优势：
- 知名浏览器对HTML5的支持
- 市场需求大
- 跨平台
标准
- W3C：World Wide Web Consortium，万维网联盟
  - 成立于1994年，Web技术领域最权威和最具影响力的国际中立性技术标准机构
  - 网址：
    - http://www.w3.org/
    - http://www.chianw3c.org/
- W3C标准
  - 结构化标准语言：HTML、XML
  - 表现标准语言：CSS
  - 行为标准语言：DOM，ECMAScript
常见开发工具：
- 记事本
- DreamWeaver
- IDEA
- WebStorm
- Visual Studio Code
调试方法：浏览器->右键->查看网页源码 / 审查元素 / 检查
基本结构
- 其中：
  - 成对出现的标签为双标签，如< head>和< /head>，分别称为开放标签和闭合标签
  - 单个出现的标签为单标签

<!DOCTYPE html> <!--文档类型声明-->
<html lang="en">
<!--网页头部-->
<head>  <!--头部开放标签-->  
	<!--meta为描述标签，用于描述网站基本信息-->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--网页标题-->
    <title>Document</title>
</head> <!--头部闭合标签-->
<!--网页主体-->
<body>