想16天搞定前端!那就从html页面结构和元素开始

 

 

 

 

文本标记语言,英语:HyperText Markup Language,简称:HTML,是一种用于创建网页的标准标记语言。注意,HTML是标记语言,不是编程语言。

您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。手机上的H5,也是浏览器解析的,只是App内置的浏览器组件,你看不到而已。

目前,HTML5是最新的版本,主流浏览器都支持的了。如果出现不支持的话,升级到最新版本就好了。HTML5也支持在手机上运行,所以我们没理由不学H5的。

第1天 | 16天æå®å端ï¼html页é¢ç»æååç´ (å¿ç)

 

1.1 HTML页面结构

在没学HTML之前,很多人以为有复杂时的,其实学HTML就是学标签。除了<!DOCTYPE html>声明为H5文件,类似<meta charset="UTF-8">这种指定字符的之外,其他的,不是成对(如<p></p>),就是有结束符的标签(如<p/>)。

你要做的就是理解标签的意思和往里面放内容就好了。经我这么一说,是不是感觉挺简单的。是就对了。HTML不止开发简单,连开发工具都不挑,如WebStorm,Eclipse或VSCode等;如用来开发Java、C#、PHP、Python等的开发工具。

开发工具生成的HTML5文件模板里,便是一个完整的页面结构。内容,根据你个人喜好,进行删填即可。如果没有内容,则被称为空标签。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML来了</title>
</head>
<body>
<h1>老陈说编程</h1>
<p>编程界一老头</p>
<a href="home.html">个人主页</a>
</body>
</html>

输出结果(用浏览器打开)

第1天 | 16天æå®å端ï¼html页é¢ç»æååç´ (å¿ç)

1.2 HTML元素

HTML文档由 HTML 元素定义。元素以开始标签(如<p>)起始,以结束标签(如</p>)终止,元素的内容是开始标签与结束标签之间的内容,如:老陈说编程。标签对大小写不敏感:<P> 等同于 <p>,推荐使用小写。

标签<a>里面的href,是属性。属性可以在元素中添加附加信息,以名称/值对的形式出现,一般放在开始标签中。

HTML注释:可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>第2个HTML</title>
</head>
<body>
<h3>做人要自然,自然美,才是真的美</h3>
<!--这是注释,src是属性-->
<img src="mm.jpg"/>
</body>
</html>

输出结果

第1天 | 16天搞定前端,html页面结构和元素(必看)

 

好了,有关html页面结构和元素的内容,讲完了,如果觉得对你有所帮助,希望老铁能转发点赞,让更多的人看到这篇文章。你的转发和点赞,就是对我继续创作和分享最大的鼓励。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值