HTML文档结构一般包括标记(Html)、头部(Head)、主体(Body)三部分。
标记< html></html>:说明该文件是用超文本标记语言来描述的,它是文件的开头,而</html>则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。
头部<head></head>:表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。
主体<body></body>:网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。
<th bgcolor style="color:red;">
入门html的话,建议还是以熟悉标签和属性为主,掌握好基本功,一个记事本完全就可以了,后期熟悉后,可以使用一些开发工具,像Sublime Text,HBuilder等,下面我介绍一下学习过程:
1.初学html的话,可以参考一下w3cschool的html教程,这个教程资料丰富,章节清晰,每个标签和属性都有详细的介绍,还可以在线编辑运行,对于初学者来说是一个很不错的选择,地址https://www.w3cschool.cn/html/html-intro.html:
本地练习的话,可以新建一个记事本,最后保存为html文件,用浏览器打开就行:
浏览器效果如下:
2.熟悉基本标签和属性后,就可以使用开发工具了,这里介绍3个开发工具,分别是Hubilder,Sublime Text,VS Code,使用起来都不错:
Hbuilder:这是专门用于web开发的一个工具,可以快速的创建html文档,自带自动补全、语法提示等功能,还可以将html打包为安卓应用或ios应用,是一个很不错的工具,这个直接到官网下载http://www.dcloud.io/:
Sublime Text:这是一个轻量级的代码编辑器,支持各种主流的编程语言,带有语法提示、自动补全的功能,插件丰富,官网地址http://www.sublimetext.com/:
VS Code:这个是微软开发的一个代码编辑器,功能强大,基本功能都有覆盖,包括语法提示、自动补全、插件扩展等,同时还支持git功能,是一个很不错的代码编辑软件,官网地址https://code.visualstudio.com/:
就介绍这几个工具吧,对于初学者来说,够用了,当然,还有许多其他的工具,像webstorm等,这里我就不详细介绍了,感兴趣的可以到网上搜一下相关资料,初学html,最重要的还是要掌握好基本功,软件只是一个工具,希望以上分享的内容能对你有所帮助吧。
Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有