这是我参与「第四届青训营 」笔记创作活动的的第1天
一、本堂课重点内容:
- 什么是前端
- 前端技术栈
- 前端应该关注哪些方面
- 前端的边界
- HTML是什么
- DOM树
- HTML语法
二、详细知识点介绍:
- HTML是用来描述网页的一种语言 ,HTML指超文本标记语言(Hyper Text Markup Language);不是编程语言,是一种标记语言。
1.HTML基础标签
head、body
2.HTML标题
<h1>...<h6>等标签进行定义等
3.HTML段落
<p>标签定义段落
4.HTML链接
<a>标签定义链接
5.HTML图像
<img>标签定义图像
<br/>空标签 空元素 可以进行换行的效果
6.常用标签属性有:
<h1>:align对其方式,有居中center、右对齐right 默认是左对齐
<body>:bgcolor背景颜色
<a>:target规定在何处打开链接,_self默认的 _blank打开新的标签
三、实践练习例子:
1、HTML 语法规范
<!DOCTYPE html> 文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面
lang 语言种类,定义为en 就是英文网页, 定义为 zh-CN 就是中文网页.
在<head>标签内,可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码
2、HTML 常见网页布局
这个是常见的网页布局,由top、banner、box、footer组成
<div> 标签用来布局,但是现在一行只能放一个<div>
学习标签是有技巧的,重点是记住每个标签的语义。简单理解就是指标签的含义,即这个标签是用来干嘛的
四、课后个人总结:
- 本章知识点中主要是对HTML基本标签的掌握,各个标签的作用和属性进行运用,了解了HTML的基本定义。