01_MDN前端基础学习_HTM-标题元素/列表元素/链接

1)如何设置一个本地测试服务器

https://developer.mozilla.org/zh-CN/docs/Learn/Common_questions/set_up_a_local_testing_server

2)安装编码软件
3)建立代码存放文件夹

在这里插入图片描述

4)在images文件中放入一张图片编写一段简单的代码展示它

在这里插入图片描述
img元素中的替换文字属性alt,是图像的描述内容,用于当图像不能被用户看见时显示,不可见的原因可是:
1)用户有视觉障碍。视障用户可以使用屏幕阅读器来朗读 alt 属性的内容。
2)有些错误使图像无法显示。可以试着故意将 src 属性里的路径改错。保存并刷新页面就可以在图像位置看到:
在这里插入图片描述

5)元素的简单使用

在这里插入图片描述

空元素
比如<img>元素,它是没有</img>来结尾,元素里也没有内容。是因为图形元素不需要通过内容来产生效果,它的作用是向其所在的位置嵌入一个图像。
6)HTML文档详解

在这里插入图片描述

1,<!DOCTYPE html> — 文档类型。混沌初分,HTML 尚在襁褓(大约是 1991/92 年),DOCTYPE 用来链接一些 HTML 编写守则,有点像自动校正等。
然而现在已经没有人关心这些,只是因为历史原因必须将它们保留,但没有实际作用。现在你只需要知道这些就可以。

2,<html></html> — <html> 元素。这个元素包含了整个页面的内容,有时也被称作根元素。

3,<head></head> — <head> 元素。这个元素放置的内容不是展现给用户的,而是包含例如面向搜索引擎的搜索关键字(keywords)、页面描述、CSS 样式表和字符编码声明等。

4,<meta charset="utf-8"> — 这个元素指定了当前文档使用 UTF-8 字符编码 ,UTF-8 包括绝大多数人类已知语言的字符。
基本上 UTF-8 可以处理任何文本内容,还可以避免以后出现某些问题,我们没有任何理由再选用其他编码。

5,<title></title> — <title> 元素。这个元素设置页面的标题,显示在浏览器标签页上,同时作为收藏网页的描述文字。

6,<body></body> — <body> 元素。这个元素包含期望让用户在访问页面时看到的内容,可以是文本、图像、视频、游戏、可播放的音轨或其他内容。
7)标题元素

在这里插入图片描述

8)列表元素

在这里插入图片描述

9)链接

链接非常重要 — 它们赋予 Web 网络属性。要植入一个链接,我们需要使用一个简单的元素 — — a 是 “anchor” (锚)的缩写。
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值