HTML语法和基本结构创建

211 阅读1分钟

HTML的概念

HTML 指的是 超文本标记语言(Hyper Text Markup Language),用途就是用来创建网页

现在开发使用的版本是 HTML 5

创建HTML5基本结构

在vscode中,新建一个html空文件,输入html:5,或者输入英文状态下的 ! ,按 Tab 键编辑器会自动生成HTML 5 的基本结构

图片1.png

图片2.png

认识HTML5基本结构

  • HTML是由标签组成的语言,大多数标签都是成对出现的(如<html></html>),也有少部分是单标签(如<br>)
  • <head></head>标签中是当前网页的配置信息
  • <body></body>标签中是网页的正式内容,浏览器呈现的画面就在这个部分

一些基本的HTML5标签

标题标签

h系列标签,h1~h6,表示从标题一到标题六,标题一字号是最大的

图片3.png

图片4.png

段落标签

<p></p>,表示一段文字

段落标签.png

图片5.png

图像标签

<img src="" alt="">,src属性是source(资源)的意思,这里面写的是图片的路径,路径要完整并且正确。alt属性是alternative(备用方案)的意思,当图片因为任何情况无法显示的时候,将显示alt中的替换文本

图片6.png

正常显示:

图片7.png

特殊情况图片无法正常显示,则显示alt属性中的预设文字:

图片8.png

图片本质上并没有插入到HTML网页文件中,只是在显示网页的时候被引入到了HTML网页中。

超链接标签

<a href="" >,点击超链接标签就会跳转到指定的地址,也就是href属性中规定的地址

图片9.png

图片10.png

点击超链接,跳转到百度搜索

图片11.png