個人前端筆記一

時間 2019-11-12

標籤個人前端筆記简体版

原文原文鏈接

兩年多前開始學習、從事前端方面的工做，由於公司領導對於前端不太瞭解和一些別的緣由，因此我自身的技術很是通常。最近半年來一直再學習、瞭解一些前端的框架和庫，但總感受提升的速度過於緩慢。因而反思是否由於自身基礎太差，因此決定先停下來，夯實基礎後，再次前行。javascript

1、HTMLcss

一、基礎前端

標題是經過 <h1> - <h6> 標籤來定義的。
段落是經過 <p> 標籤來定義的。
連接是經過 <a> 標籤來定義的。
圖像是經過 <img> 標籤來定義的。

二、元素java

元素語法以開始標籤如：<p> 開始，以結束標籤如： </p> 結束，成對出現。
空元素在標籤內閉合如： <br />。

三、屬性瀏覽器

屬性老是以鍵/值對的方式出現，如：name="value"。
連接的屬性 href="連接路徑或地址"。
id、class、style、title等。

四、標題安全

<h1></h1> -- <h6></h6> ， <h1>定義最大標題，<h6>定義最小標題。標題標籤是語義化的，是利於搜索的。
水平線 <hr>
註釋

五、段落框架

段落 <p></p> 段落文本
換行 <br />

六、文本格式化dom

文本加粗 <b></b>
文本斜體 <i></i>
上標 <sup></sup>
下標 <sub></sub>

七、連接佈局

<a href="url">訪問者看到的文本</a>
<a href=""></a> 具備 target 屬性，表示打開新窗口的方式

八、頭部元素學習

可在頭部，即 <head></head> 中添加 <title> 、<meta> 、<style> 、 <script> 等元素標籤。
<title> 標題標籤
<meta> 一般用於指定網頁的關鍵詞、描述、做者等元數據
<style> 用於添加網頁樣式
<script> 用於添加網頁腳本

九、CSS引入方式

內聯樣式直接寫在元素上，如： <div style="width:100px; height:100px; background-color: red;"></div>
內部樣式寫在 <style></style> 內
外部樣式使用 <link href="test.css" rel="stylesheet" type="text/css" />

十、圖像

<img src="源地址" alt="文本">
*記得加上 alt 屬性，當圖像不能正常顯示的時候，顯示 alt 的文本內容

十一、表格

<table border="1"> 定義表格，邊框爲1
<tr> 行開始
<th>表格頭</th>
</tr> 行結束
<tr> 行開始
<td>列</td>
</tr> 行結束
</table> 表格結束

十二、列表

無序列表 <ul><li></li></ul>
有序列表 <ol><li></li></ol>
自定義列表 <dl><dt>標題</dt><dd>列表</dd><dd>列表</dd></dl>

1三、區塊/內聯

區塊元素 <div>、<h1>、<p>、<ul>、<table>...
內聯元素 <a>、<img>、<span>...

1四、佈局

div 佈局
table 佈局

1五、表單

表單 <form></form>
<input> 標籤 type屬性：text（文本）、password（密碼）、radio（單選框）、checkbox（複選框）、提交按鈕（submit）等

1六、框架

iframe框架
具備屬性：src 、 name 、 frameborder

1七、顏色值

十六進制，如：#FF0000
rgb，如：(255,0,0)
顏色名，如：red

1八、腳本

<script></script> 能夠放在 <head></head>中，也能夠放在 <body></body> 末尾
<noscript><noscript> 當瀏覽器不支持javascript是顯示標籤內的文本

1九、字符實體

  < > ......

20、URL

scheme：http（超文本傳輸協議）、https（安全超文本傳輸協議）、ftp（文件傳輸協議）、file（文件）
host（主機名）
domain（域名）
:port（端口）
path（路徑）
filename（文件名）
* URL 只能使用 ASCⅡ 字符集

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。