HTML基础(一)

最新推荐文章于 2022-04-28 17:55:59 发布

小白_小可

最新推荐文章于 2022-04-28 17:55:59 发布

阅读量1.2k

点赞数 4

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/Layfolk_XK/article/details/109288548

版权

笔记专栏收录该内容

42 篇文章 1 订阅

订阅专栏

平时我们在网上冲浪的时候,想必都见过网页,一个个的网页组成了我们所浏览的网站,用官方的话来讲就是:网页是构成网站的基本元素，是承载各种网站应用的平台,网页通常是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>

网页结果:
在这里插入图片描述

小白_小可

关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
3
评论
HTML基础(一)

平时我们在网上冲浪的时候,想必都见过网页,一个个的网页组成了我们所浏览的网站,用官方的话来讲就是:网页是构成网站的基本元素，是承载各种网站应用的平台,网页通常是HTML格式的文件通过浏览器进行阅读的,因此文件的后缀一般均为.html或.htm我们所用的浏览器只是用来检索、展示以及传递Web信息资源的应用程序,想我们常用的浏览器有:IE浏览器,火狐浏览器,谷歌浏览器,360浏览器,搜狗浏览器等等HTML说完了网页的组成,我们来详细的谈一谈HTML文件,HTML不是编程语言,而是一种超文本标记语言(Hype
复制链接

扫一扫