Html的发展介绍及基础标签的学习使用

本文介绍了HTML的发展历程,从HTML1.0到HTML5,阐述了HTML5的重要性和特性。HTML与CSS的关系被比喻为内容与装饰,HTML负责网页结构,CSS负责样式展示。此外,文章还提及前端开发的三大要素:HTML、CSS和JavaScript,并讲解了HTML的基础标签如标题、段落、换行、图像等,以及块级和行内元素的区别。
摘要由CSDN通过智能技术生成

1. 什么是Html?

html不是一种编程语言,而是一种超文本标记语言,用于告诉浏览器如何构造你的页面。“超文本”就是页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

  • HTML的历史版本发展: ​

    ①HTML 1.0:在1993年6月作为互联网工程工作小组(IETF)工作草案发布。

    ​ ②HTML 2.0:1995年1 1月作为RFC 1866发布,于2000年6月发布之后被宣布已经过时。

    ​ ③HTML 3.2:1997年1月14日,W3C推荐标准。

    ​ ④HTML 4.0:1997年12月18日,W3C推荐标准。

    ​ ⑤HTML 4.01(微小改进):1999年12月24日,W3C推荐标准。

    ​ ⑥HTML5:2014年10月,HTML5是公认的下一代Web语言,极大地提升了Web在富媒体、富内容和富应用等方面的能力,被喻为终将改变移动互联网的重要推手。Internet
    Explorer 8及以前的版本不支持。

  • HTML特点

​ 超文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网 (WWW)盛行的原因之一,其主要特点如下:

​ 1.简易性:超文本标记语言版本升级采用超集方式,从而更加灵活方便。

​ 2.可扩展性:超文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超文本标记语言采取子类元素的方式,为系统扩展带来保证。

​ 3.平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超文本标记语言可以使用 在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。

​ 4.通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

2. css(Cascading Style Sheets) 层叠样式表

css是一个用于修饰文档(可以是标记语言HTML,也可以是XML或者SVN)的语言,可以将文档以更加优雅的形式呈现给用户。

2.1 HTML和CSS之间的关系?

  • HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
  • CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
HTML就像是一个人,而CSS就像是衣服和化妆品,用来装饰HTML

2.2 前端三要素

  • 结构:HTML,用于描述页面的结构
  • 表现:CSS用于控制页面中元素的样式
  • 行为:JavaScript用于响应用户的操作

3. 初始HTML

常用于编写代码的编译工具:

  • Sublime(推荐):特点:运行速度快、代码提示、高亮显示、插件拓展、html 插件emmet、sublime text3 安装emmet插件;

  • VSCode(推荐):特点:丰富的插件支持、可进行git管理;

  • Idea:特点:集成开发工具、类似DW,node,npm…运行速度较慢;

Html是在浏览器上解析执行的,每种浏览器对相同的Html代码解析可能产生不同的结果,所以我们需要安装多种主流的浏览器进行兼容性测试;

主流浏览器:Google Chrome(谷歌)、Firefox(火狐)、Opera、Safari、Microsoft Edge。

VSCode插件推荐

​ HTML CSS Support - Html提示Css自动补全

​ HTML Preview - 提供预览HTML文档的功能

​ HTML Snippets - 完整的HTML标签,包括HTML5片段

​ Live Server - 启动一个开发本地服务器,为静态和动态页面提供实时重载功能

​ open in browser - 可以在默认浏览器或应用程序中打开当前文件。

4.HTML结构解析

<!-- 文档头信息 -->
<!-- html5标准网页声明 -->
<!DOCTYPE html>
<!-- 根标签,一个页面有且只有一个根标签,网页中的所有内容都应该写在根标签中 -->
<!-- 属性lang是单词language的缩写,意思是语言,”en”代表英语,”zh-CN”代表中文 -->
<html lang=
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值