昨天学习了前端与HTML的一些基础知识，包括一些大概的内容布局结构，一些常用的标签，语法等。
一、前端的一些基础常识
1、前端应该关注的方面：1美观 2功能 3无障碍 4安全 5性能 6兼容性 2、HTML的元素、属性及属性值都拥有某些含义。前端开发是为了传达内容，不是只关注样式。要让代码做到语义化，方便维护和别人读懂。要认真思考了解每个标签和属性的含义以及相应的功能用哪种更好。
二、网页内容布局结构、语法和常用标签
1、布局结构：header nav（导航） main（主要内容） aside（相关的不重要的） article footer（底部的一些标签内容）
2、语法
标签和属性不区分大小写，推荐小写
空标签可以不闭合，meta
属性值推荐用双引号包裹
某些属性可以省略，required、readonly
3、常用标签
根标签html,整个html文件都会放在html标签里面
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<meta charset="utf-8">
</head>
<body>
HELLO,WORLD!
</body>
</html>
标题标签 h1~h6
列表标签：
有序列表标签ol（数字） 无序列表标签 ul（小黑点） dl为定义列表
连接标签 a <a href='' ''>
输入标签input 有type属性
多行内容标签textarea
下拉选择 select
引用标签：
blockquote快捷引用 直接引用别人的一段话
cite短引用 作品名字
q短引用 提到过的内容
强调标签：
em语气上 发音上
strong 内容上
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>标题</h1>
<p>段落</p>
<ul>
<li>列表1</li>
<li>列表2</li>
</ul>
<a href="#">超链接</a>
<span>内容</span>
<em>注重语气</em>
<img src="D:\前端\源码\09\1.webp" alt="">
</body>
</html>
课后用学的知识做了一些小应用，运用了标题标签h1、p标签（一段话可以用）、ul列表标签、强调标签等，还运用了以前学过的一些标签做了一个非常简单的静态页面。希望下次课能收获更多，不仅是理论知识更多的还有实操能力。
