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” (锚)的缩写。