一、HTML的基础Tag用法

以下内容使用VSCode编写，LiveServe插件和Chrome浏览器生成网页。

Web前端学习，只要学会HTML和CSS（层叠样式表）就可以搭建出自己的页面啦！其中HTML的功能是为页面添加内容，CSS则可以美化页面（例如：灰背景，蓝文本，圆角按钮，变小图片，给鼠标加特效等）。最后通过JavaScript为网页添加交互功能，产生功能性操作。三剑合璧方位Web开发！

一、HTML的基础Tag用法

以下为HTML的基础Tag使用。

<!DOCTYPE html>
<html><head><title>My Page！</title></head><body><li>创建列表项</li><ul><li>生成无序列表</li><li>其可在页面顶部当导航栏，定义基础结构通过CSS美化成导航栏</li></ul><ol><li>生成有序列表（不常用）</li><li>ol通常配合ul进行使用</li></ol><p>文本内容</p><p>HTML不关心多余的空格，需用br/<br/>进行换行</p><p>Hi I am a <strong> 加粗 </strong> text!</p><p>Hi I am a <em> 斜体 </em> text!</p><button>按钮可互动</button><h1>一级标题（谷歌搜索通过爬虫标题内容检索）</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6></body>
</html>

<!DOCTYPE html>

作为html5标准网页声明，原先的是一串很长的字符串，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。

Web前端开发学习（一）相关推荐

2018web前端学习路线，详谈web前端开发学习路线
近几年IT业可谓是发展火热,而且新生了很多的职业.在这众多的新生职业中备受瞩目的当属web前端工程师了,web前端在IT行业真正受到重视的时间不超过五年,但是web前端的发展前景却是非常的可观,好前景 ...
Web前端开发学习【1】-----大学生如何购买学生版的阿里云服务器，或免费领取半年的阿里云服务器
Web前端开发学习[1]-----大学生如何购买学生版的阿里云服务器,或免费领取半年的阿里云服务器目录一.进入阿里云官网.注册阿里云账号 1.百度搜索关键词[阿里云服务器],然后进入官网 2.免费注 ...
送给大家一套完整的web前端开发学习路线
本文来源:千锋web前端开发近几年IT业可谓是发展火热,而且新生了很多的职业.在这众多的新生职业中备受瞩目的当属web前端工程师了,web前端在IT行业真正受到重视的时间不超过五年,但是web前端的 ...
小猿圈Web前端开发学习路线
很多人已经下定决心学习前端开发,但是学习很盲目,没有一个明确的目标,导致学了很长时间效果也没有很明显,最终放弃了,这个结果是我们最不想看到的结果,那么学习路线就十分重要了,好的学习路线对学习会引向成功 ...
Web前端开发学习资料分享
2019独角兽企业重金招聘Python工程师标准>>> Web前端开发教程: (1)Web开发必备手册大集合 (2)Web前端开发人员和设计师必读文章推荐(系列一~系列八) (3)[ ...
Web前端开发学习误区，你掉进去了没？
从接触网站开发以来到现在,已经有五个年头了吧,今天偶然整理电脑资料看到当时为参加系里面一个比赛而做的第一个网站时,勾起了在这网站开发道路上的一串串回忆,成功与喜悦.烦恼与纠结都历历在目,感慨颇多. 先 ...
开发pc页面_干货分享：2020年Web前端开发学习路线图
2020年是充满机遇与挑战的一年,这一年注定不平凡.随着5G商用.传统产业数字化转型加快,我们完全可以想象到互联网行业即将迎来自己的"高光时刻",因此,现在学习Web前端正当时. ...
web前端开发学习路线
导语:首先分享一下我的经验,想做好一件事,必须要花费一些功夫,然后是多学.多思.多练.多交流.多总结,发现自己的问题,然后一定要克服,在状态不好的情况下,往往要及时调整.新手学习前端的话,一定要想想 ...
【转】2022年web前端开发学习路线图
web前端学习路线图火热出炉啦,还在为如何系统学习web前端开发技术苦苦寻觅资源么? 2022年黑马程序员新版前端学习路线图这不就来了么!小伙计们甩开膀子学起来吧. 只要能坚持学下来走上人生巅峰不再是 ...
自学Web前端开发学习讲解 – 入门篇
很多人都对web前端感兴趣,这一期主要聊关于如何入门学习Web前端开发的过程分享,此篇适合想入门初学者,大佬就不用看了.主要内容是以本人这一路自学web前端的一些经验和建议,学习哪些知识,以及如何正确 ...

Web前端开发学习（一）

一、HTML的基础Tag用法

Web前端开发学习（一）相关推荐

最新文章

热门文章