003-前端学习之HTML5

mac2024-05-27  48

一、第一个网页

1.1 新建文件

在电脑上,新建.html文件,D:/code/html/helloworld.html

1.2 编辑文件

再用代码编辑器打开(推荐使用vscode),写死第一行代码Hello World.

Hello World.

1.3 查看文件

然后用浏览器(推荐使用chrome浏览器)打开此html文件,即可在浏览器中看到Hello World.

二、HTML5结构

HTML5指的是超文本标记语言第5版,也是最新版。

2.1 命名

HTML5文件以.html为后缀,命名可以用英文字母和数字组合,不过建议遵守如下规则

以英文字母开头多单词的情况用“_”、“-”连接(如hello_world.html,hello-world.html),或采用驼峰命名法(大驼峰HelloWorld.html,小驼峰helloWorld.html)不含中文不含空格

2.2 内容

HTML5的内容以标签来承载,即内容都是放在标签内。常用的HTML5标签有几十个,初学阶段只能靠多记、多写来熟悉。

分类标签含义结构标签html、head、body、script、style、link、meta、title单独占一行块状标签div、p、ul-li、ol-li、h1-h6单独占一行行内标签span、img、a不单独占一行,处于行内表格标签table、caption、th、tr、td、tbody表格展示表单标签form、input、select-option、textarea表格展示文字标签strong、b、em、s、u、sup、sub、small表格展示H5新标签header、footer、nav、aside、section、article语义化标签,类似于div

详细的使用视频中讲,也可以参考 HTML5学习文档 预习。

三、练习

本节知识点主要在于标签的记忆,因暂未学习CSS3不好留系统性的作业,多敲代码熟悉即可。

最新回复(0)