HTML的概念
HTML 指的是 超文本标记语言(Hyper Text Markup Language),用途就是用来创建网页
现在开发使用的版本是 HTML 5
创建HTML5基本结构
在vscode中,新建一个html空文件,输入html:5,或者输入英文状态下的 ! ,按 Tab 键编辑器会自动生成HTML 5 的基本结构
认识HTML5基本结构
- HTML是由标签组成的语言,大多数标签都是成对出现的(如
<html></html>),也有少部分是单标签(如<br>) <head></head>标签中是当前网页的配置信息<body></body>标签中是网页的正式内容,浏览器呈现的画面就在这个部分
一些基本的HTML5标签
标题标签
h系列标签,h1~h6,表示从标题一到标题六,标题一字号是最大的
段落标签
<p></p>,表示一段文字
图像标签
<img src="" alt="">,src属性是source(资源)的意思,这里面写的是图片的路径,路径要完整并且正确。alt属性是alternative(备用方案)的意思,当图片因为任何情况无法显示的时候,将显示alt中的替换文本。
正常显示:
特殊情况图片无法正常显示,则显示alt属性中的预设文字:
图片本质上并没有插入到HTML网页文件中,只是在显示网页的时候被引入到了HTML网页中。
超链接标签
<a href="" >,点击超链接标签就会跳转到指定的地址,也就是href属性中规定的地址
点击超链接,跳转到百度搜索