hello html5,初探HTML5——Hello World

记得刚接触HTML的时候,有一些元素只会写但是不明白其含义,这情况真是很尴尬。本节将来解析一下HTML文档的主要的骨架标签的含义。

一、Hello World

编写第一段HTML代码,在页面上输出Hello World文本。代码如下:

系统首页

Hello World

这是一段最简单HTML代码,但是其骨架完整。在浏览器中浏览效果如图:

1fcd580d4ac9?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

Hello World

二、读懂每一个标签

一个符合规范的HTML文档会包含DOCTYPE、html、head、body这些基本的文档元素。当然即使没有显式的元素标签,网页也是可以显示,但是不建议这么去做。

1、HTML5基本文档结构

上述示例演示了HTML文档骨架的4种文档元素的使用方法。接下来,将逐一解读。

!DOCTYPE元素主要有两个作用第一是告诉浏览器,它即将处理的是一份HTML文档;第二是用来标记HTML的版本。通常这样的声明都在文档的第一行。

html元素是文档的根元素。

head元素是文档的头部(通俗的理解),在head元素中可以使用title元素和其他的元数据元素,也可以在head中引用js、css和定义js、css。

body元素(容器)中是文档的展示内容。

PS:小伙伴们真棒,已经写出了第一个网页。加油!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值