前端与HTML | 青训营笔记

80 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第1天

一、本堂课重点内容:

  • 什么是前端
  • 前端技术栈
  • 前端应该关注哪些方面
  • 前端的边界
  • HTML是什么
  • DOM树
  • HTML语法

二、详细知识点介绍:

  • HTML是用来描述网页的一种语言 ,HTML指超文本标记语言(Hyper Text Markup Language);不是编程语言,是一种标记语言。

1.HTML基础标签

head、body

熊大.png 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的基本定义。