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
另一个会同步放大或缩小