Day 1
转行学IT，记录每天学到的内容，随便写写。。
先了解一下前端
Web
web开发就是网站开发。一个综合网站由多个网页组成。
web开发分为前端和后端
Html
- HTML的英文全称是 Hypertext Marked Language，即超文本标记语言。
- Html是一种标记语言，而非编程语言（C，C++,C#，java…）。
编程语言：强逻辑性，需要编译才能执行，一般由虚拟机或者操作系统进行解释执行。
标记语言：不需要编译，由浏览器进行解释执行。
Html是一门专门用于描述网页信息的标记语言。
- 其他：
CSS：使网页更好看。`
JavaScript（JS）:提高网页的交互能力。
Html的基本结构
<html>
<head>
<title></title>
</head>
<body></body>
</html>
注意：编写代码要层次清晰，使用TAB键可以添加空格表现层次感。
Html的常用标签
标签分类：行级别标签，块级别标签。
行级别标签：高度及宽度都自适应大小。
配合<Br>能够强制换行
块级别标签：高度自适应大小，但宽度占据整个浏览器的宽度。（自动换行）
块级别标签：
1.段落标签
<p>段落的内容</p>
<hr>水平分割线
段落标签会空一行，普通的块不会。
2.普通的块级别标签
<div>块的内容</div>
3.标题
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
4.复杂的块级别标签
列表标签：ul 无序标签 ，ol 有序标签
列表选项标签：li
ul或ol由多个列表选项标签组成。
<ul >
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<ol >
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
5.dl自定义列表（描述标签）
dt:描述标签的描述对象
dd:描述对象的具体项
dl由dt以及多个dd组成
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>
6.代码注释
<!-- 注释 -->
目的是为了解释复杂难懂的特殊代码段
程序执行的过程会自动跳开 被注释了的代码段
常用的行级别标签:
1.文本标签
文本标签:<span></span>或<lable></lable>
2.超链接
<a href="链接的地址"> 超链接的内容</a>
<!--超链接外部网站-->
<a href="https://www.baidu.com/">百度一下</a>
<!--超链接本地HTML文件。。。-->
<a href="本地相对路径">链接本地html文件</a>
3.图片
<img src="图片地址" >
网络图片(需要有网才可以访问)
本地图片(获取本地图片资源)
单独设置图片的width或者height另一个会同步放大或缩小
扫描二维码关注公众号，回复：
9124351 查看本文章
