我的前端笔记一
两年多前开始学习、从事前端方面的工作，因为公司领导对于前端不太了解和一些别的原因，所以我自身的技术非常一般。最近半年来一直再学习、了解一些前端的框架和库，但总感觉提高的速度过于缓慢。于是反思是否因为自身基础太差，所以决定先停下来，夯实基础后，再次前行。
一、HTML
1、基础
- 标题 是通过 <h1> - <h6> 标签来定义的。
- 段落 是通过 <p> 标签来定义的。
- 链接 是通过 <a> 标签来定义的。
- 图像 是通过 <img> 标签来定义的。
2、元素
- 元素语法 以开始标签如：<p> 开始，以结束标签如： </p> 结束，成对出现。
- 空元素在标签内闭合如： <br />。
3、属性
- 属性总是以 键/值对的方式出现，如：name="value"。
- 链接的属性 href="链接路径或地址"。
- id、class、style、title等。
4、标题
- <h1></h1> -- <h6></h6> ， <h1>定义最大标题，<h6>定义最小标题。标题标签是语义化的，是利于搜索的。
- 水平线 <hr>
- 注释 <!-- HTML的注释 -->
5、段落
- 段落 <p></p> 段落文本
- 换行 <br />
6、文本格式化
- 文本加粗 <b></b>
- 文本斜体 <i></i>
- 上标 <sup></sup>
- 下标 <sub></sub>
7、链接
- <a href="url">访问者看到的文本</a>
- <a href=""></a> 具有 target 属性，表示打开新窗口的方式
8、头部元素
- 可在头部，即 <head></head> 中添加 <title> 、<meta> 、<style> 、 <script> 等元素标签。
- <title> 标题标签
- <meta> 通常用于指定网页的关键词、描述、作者等元数据
- <style> 用于添加网页样式
- <script> 用于添加网页脚本
9、CSS引入方式
- 内联样式 直接写在元素上，如： <div style="width:100px; height:100px; background-color: red;"></div>
- 内部样式 写在 <style></style> 内
- 外部样式 使用 <link href="test.css" rel="stylesheet" type="text/css" />
10、图像
- <img src="源地址" alt="文本">
- *记得加上 alt 属性，当图像不能正常显示的时候，显示 alt 的文本内容
11、表格
- <table border="1"> 定义表格，边框为1
- <tr> 行开始
- <th>表格头</th>
- </tr> 行结束
- <tr> 行开始
- <td>列</td>
- </tr> 行结束
- </table> 表格结束
12、列表
- 无序列表 <ul><li></li></ul>
- 有序列表 <ol><li></li></ol>
- 自定义列表 <dl><dt>标题</dt><dd>列表</dd><dd>列表</dd></dl>
13、区块/内联
- 区块元素 <div>、<h1>、<p>、<ul>、<table>...
- 内联元素 <a>、<img>、<span>...
14、布局
- div 布局
- table 布局
15、表单
- 表单 <form></form>
- <input> 标签 type属性：text（文本）、password（密码）、radio（单选框）、checkbox（复选框）、提交按钮（submit）等
16、框架
- iframe框架
- 具有属性：src 、 name 、 frameborder
17、颜色值
- 十六进制，如：#FF0000
- rgb，如：(255,0,0)
- 颜色名，如：red
18、脚本
- <script></script> 可以放在 <head></head>中，也可以放在 <body></body> 末尾
- <noscript><noscript> 当浏览器不支持javascript是显示标签内的文本
19、字符实体
- < > ......
20、URL
- scheme：http（超文本传输协议）、https（安全超文本传输协议）、ftp（文件传输协议）、file（文件）
- host（主机名）
- domain（域名）
- :port（端口）
- path（路径）
- filename（文件名）
- * URL 只能使用 ASCⅡ 字符集
浙公网安备 33010602011771号