HTML基础(一)
程序员文章站
2022-04-24 15:34:46
...
平时我们在网上冲浪的时候,想必都见过网页,一个个的网页组成了我们所浏览的网站,用官方的话来讲就是:网页是构成网站的基本元素，是承载各种网站应用的平台,网页通常是HTML格式的文件通过浏览器进行阅读的,因此文件的后缀一般均为.html或.htm我们所用的浏览器只是用来检索、展示以及传递Web信息资源的应用程序,想我们常用的浏览器有:IE浏览器,火狐浏览器,谷歌浏览器,360浏览器,搜狗浏览器等等
HTML
说完了网页的组成,我们来详细的谈一谈HTML文件,HTML不是编程语言,而是一种超文本标记语言(Hyper Text Markup Language)是用来描述网页的语言,通俗来讲标记语言就是一套标记的标签
web标准
web标准是由W3C(万维网联盟)组织和其他标准化组织制定的一系列标准的集合
web标准的组成:结构,表现,行为
HTML的基本结构
<!DOCTYPE html> 文档类型的声明
<html lang="ch-ZH"> 跟标签:html lang:定义文档的显示语言
<head> 头部标签:head
<meta charset="UTF-8"> 多个字符的集合,计算机能够储存和识别的文字
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML的基本结构</title> 文档的标题:title
</head>
<body> 主体标签:body
</body>
</html>
HTML文件的后缀名必须是.html或htm浏览器读取HTML文件的内容,通过浏览器解析出来
HTML的常用标签
<body>
<h1>我的第一个网页</h1> h1~6标题标签 有6个等级
<h2>好好学习!天天向上!</h2>
<strong>好好学习!天天向上!</strong> 字体加粗标签
<em>好好学习!天天向上!</em> 字体斜体标签
<del>好好学习!天天向上!</del> 删除线标签
<ins>好好学习!天天向上!</ins> 下划线标签
<br> 换行标签 这是一个单标签
<p>好好学习!天天向上!</p> 段落标签
</body>
在HTML文件中图像采用的标签是<img src="图像的URL" alt="">scr是img标签的必须属性
图像的URL采用绝对路径或者相对路径都可以!!
图像标案例
我的目标文件下存在一个名为"你的名字.jpg"的图片,将它显示在网页中
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例</title>
</head>
<body>
<img src="../vscode作业/2020.10.21/你的名字.jpg" alt="你的名字" title="你的名字" weight=400 height="400" border=5>
</body>
</html>
网页结果: