程式学徒

最新技术 未来网页

网页设计学徒02:网页的语言、标题和图片【视频教学】

2018-04-18 Zack网页设计学徒

HTML标签

如何为网页设定语言,加入标题和图片?

这是网页设计学徒的第二课。上一课我们开始了HTML的学习,这一课我们会继续深入HTML,了解更多HTML标签。

这一课我们会学习到:

  1. 设定网页文档类型:<!DOCTYPE html>
  2. 设定网页语言:<html lang="zh-cmn-Hans">
  3. 设定网页字符编码:<meta charset="utf-8">
  4. 网页标题:<h1>,<h2>...<h6>
  5. 链接:<a href="...">链接文字</a>
  6. 图片:<img src="..." alt="替代文字">
  7. 更新GitHub上的网站(Pages)

视频链接:

目前你的index.html应该如下:

<!DOCTYPE html>

<html lang="zh-cmn-hans">

<head>
	<title>我是标题</title>

	<meta charset="utf-8">
</head>

<body>
	<h1>正文标题</h1>
	<h2>正文标题</h2>
	<h3>正文标题</h3>

	<p>Hello!</p>

	<a href="https://zacklive.com">Zack</a>

	<img src="website.jpg" alt="图片"/>
	
</body>

</html>

《网页设计学徒》课程链接:

  1. 网页设计学徒 01:什么是网页?
  2. 网页设计学徒 02:网页的语言、标题和图片
  3. 网页设计学徒 03:VS Code 专业程式编辑器
  4. 网页设计学徒 04:网页由哪些部分构成?
  5. 网页设计学徒 05:用 CSS 美化网页
  6. 网页设计学徒 06:CSS 盒子模型
  7. 网页设计学徒 07:CSS Grid 网页排版 2018
  8. 网页设计学徒 08:媒体查询与响应式网页设计
  9. 网页设计学徒 09:移动优先设计原则
  10. 网页设计学徒10:VS Code整合GitHub
  11. 网页设计学徒11:履历网页实作(1)
  12. 网页设计学徒12:履历网页实作(2)HTML篇
  13. 网页设计学徒13(完结):履历网页实作(3)CSS篇

《网页设计学徒》番外篇:

  1. CSS 中 px、em、rem 有什么分别?
  2. fr 介绍:CSS 网格带来的新单位
  3. CSS 网格(CSS Grid)完整教学
  4. 中文网页字体设定2018篇