HTML5 快速入门(1)

本文是HTML5快速入门的第一部分,主要介绍了HTML5的基础概念,包括HTML5的定义、HTML的作用以及HTML标签的基本结构。通过实例展示了如何搭建一个基本的HTML5页面,并讲解了<head>和<body>标签的用途,以及<meta>标签在设定页面编码和关键字方面的作用。最后提到了<!-- -->作为注释标签的使用方法。
摘要由CSDN通过智能技术生成

HTML5 快速入门(1)

简单说明:HTML5,市面上书籍很多,很厚很厚,也有很多大佬写了很多文章,很多很多,多到看不完,我只写两篇文章概述HTML5常用内容,可以为新手节省很多不必要的时间,两篇文章主要涵盖我开发多年常用到的功能。HTML5很强大但是在实际应用中用到的并不多。了解常用的足以在很多项目中发挥威力。一些特殊场景在自己查询就ok,系统学习这两篇我认为就够了

基础概念

在开始进入操作之前需要了解几个基础的概念,之后开始用实践来证明这些概念,并在实践中不断运用。
HTML5 是从HTML的升级。那么什么是HTML?

  • HTML 是用来描述网页的一种语言
  1. HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  2. HTML 不是一种编程语言,而是一种标记语言 (markup language)
  3. 标记语言是一套标记标签 (markup tag)
  4. HTML 使用标记标签来描述网页

对于第一次接触的人特别抽象,一系列读下来,还是不懂什么是HTML,没关系不懂就忘掉繁琐的文字,慢慢解释和操作就明白了。
来看点具体,动动手,在浏览器中输入www.baidu.com ,在空白出单机右键–》查看,看到如下图所示:第2快内容就是html,里面一对一对的就是html标签,第3快展示的是css,css以后的文章在详细说明。
示例图片
html干的事情就是在第2块里面的内容,哇!都是英文看懂,没事就那么几个标签,无所畏惧。
目前市面上在浏览器输入域名,展现出来的内容99%。都是通过html渲染出来的。

第二个概念标签

html里面的内容是有什么组成的? 是标签( html tag)

  1. HTML 标签是由尖括号包围的关键词,比如 <HTML>
  2. HTML 标签通常是成对出现的,比如 <b> 和 <b>
  3. 标签对中的第一个标签是开始标签,第二个标签是结束标签
  4. 开始和结束标签也被称为开放标签和闭合标签
  5. 展示的汉子内容就是包含在闭合的标签以内

基本概念就到这里吧。动手之后就知道了怎么回事了

搭建第一个html5页面

现在把上面啰啰嗦嗦的概念实现一下看看。我们把百度的html代码多余的删掉,留下结构看看是什么样子?怎么删

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值