困飞了(亏贼)
困飛了
- 一、怎么學好web前端
- 二、基礎
- 三、開寫
- OVER
一、怎么學好web前端
感興趣 夠努力(小聲bb)
二、基礎
1.什么是HTML、CSS
:做網絡的編程語言
2.一個網站是由N個網頁組成的
3.寫代碼?
:需要用到一定的軟件
如:點他
(當然你也可以用記事本)
4.快捷鍵:
ctrl+s:保存
ctrl+a:全選
ctrl+z:撤銷
ctrl+y:前進
shift+end:從頭選中一行
shift+home:從尾部選中一行
shift+alt+↓:快速復制一行
alt+↑或↓:快速移動一行
tab:向后縮進
tab+shift:向前縮進
alt+鼠標左鍵:多光標
ctrl+d:選擇相同元素的下一個
5.瀏覽器
這邊只推薦chrome、edge
6.web前端的三大核心技術
HTML:結構
CSS:樣式
Javascript:技術
7基礎結構與屬性
標簽:<header> <footer>
HTML標簽詳解
8.HTML初始代碼
可以使用!+tab鍵快速出初始代碼
9注釋
<!--看你想說什么嘍~-->10HTML語義化
所謂HTML語義化指的是,根據網頁中內容的結構,選擇適合的HTML標簽進行編寫。
三、開寫
1.標題
<h1>標題</h1> <h2>標題</h2> ............. ............. ............. ............. <hn>標題</hn>2.分段
<p> = = </p>3.文本修飾標簽
加粗: <strong> </strong> 斜體: <em> </em>4文本編輯
刪除: <del> </del> 插入: <int> </int>5.圖片
<img src="此處填圖片的地址" alt="填文字(圖片出錯時顯示)" title="提示圖片信息"> weight:高度 width: 寬度6.鏈接
給圖片上鏈接: <a href="你需要訪問的網站的地址"><img src="圖片的路徑"alt=""> </a> 鼠標點擊圖片即可 注:后綴加上target="_blank"則可以在新窗口打開該網頁 若使用base target="_blank"或"_self"則會改變整個文本的鏈接的默認行為 一般放在 <head></head>部分7.跳轉錨點
id法:<a herf="#id屬性">錨點名</a> <h(1-6)id="對應上面的id屬性"該id屬性的文本</h(1-6)> 下面為跳轉的各行的文本 <h(1-6)id="對應各個的id屬性">文本</h(1-6)> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> name法: name屬性:<a href="#設定的name屬性">錨點的名字</a><a name="設定的name屬性"></a> (注意:這里的name屬性加給的是a標簽)<h(1-6)>強調的文本</h(1-6)>8特殊符號
9無序列表
10有序列表
<ol type="type屬性"><li>文本</li></ol>11定義列表
<dl><dd>標題</dd><dt>內容</dt></dl>OVER
結束結束參考視頻:https://www.bilibili.com/video/BV1p4411T765?p=18&vd_source=6b0f6ad7d284f9d1cb0fc23cc8a8e3f8
總結
- 上一篇: 基于matlab数字处理系统设计新颖,基
- 下一篇: 计算机二级基础知识总览,2020年最新计