前段第44天------前端、前端三剑客、HTML
一、前端
定義:前端即網站前臺部分,運行在PC端,移動端等瀏覽器上展現給用戶瀏覽的網頁。
前端技術:前端設計:一般可以理解為網站的視覺設計
前端開發:網站的前臺代碼實現,包括基本的HTML和CSS以及JavaScript
二、前端三劍客
html 1.超文本標記語言 “超文本”就是指頁面內可以包含圖片、鏈接,甚至音樂、程序等非文字元素
2.負責完成頁面的結構
3.組成部分:標簽:被尖括號包裹,由字母開頭包含合法字符的,可以被瀏覽器解析的標記。eg:系統標簽,自定義標簽
指令:被尖括號包裹,由!開頭的標記。eg:<!doctype html> <!-- -->
轉義字符:被&與;包裹的特殊字母組合或#開頭的十進制數。eg:< >
4.文件后綴:.html .htm
css 1.級聯樣式表
?2.負責頁面的風格設計,樣式、美觀
?3.組成部分:選擇器:由標簽、類、id單獨或組合出現
作用域:一組大括號包含的區域
?樣式塊:滿足css連接語法的眾多樣式
?4.文件后綴:.css
JavaScript 1.瀏覽器腳本語言,可以編寫運行在瀏覽器上的程序
? 2.
? 4.文件后綴:.js
?
三、html
常用字符:1.無語義標簽:<div></div><span></span>
2.常用語義標簽:<hn></hn> 標題<p></p> 段落<pre></pre> 原文本<br /> 換行<hr /> 分割線
3.文本標簽:<i></i> 斜體字<em></em> 斜體字,表示強調<b></b> 粗體字<strong></strong> 粗體字,表示強調(語氣更強)<del></del> 刪除的文本
??<ins></ins> 插入的文本<sub></sub> 下標字<sup></sup> 上標字
<ruby>拼音<rt>pinyin</rt></ruby> 中文注音,h5新增
4.其他標簽:<section></section> 塊<small></small> 小號字體
標簽的分類:1.單/雙標簽:單標簽:單標簽在自身標簽標識結束,主要應用場景為功能性標簽
雙標簽:雙標簽有成對的結束標識,主要應用場景為內容性標簽
2.行/塊標簽:行標簽:又名內聯標簽,內聯標簽自身不具備寬高,通常同行顯示
塊標簽:又名塊級標簽,塊標簽擁有自身寬高,通常獨自占據一行
3.單一/組合標簽:單一標簽:單獨出現,表示具體的功能或展示具體的內容
組合標簽:配合使用,才能產生相應的內容與效果
轉載于:https://www.cnblogs.com/zhouyi0316/p/9676507.html
總結
以上是生活随笔為你收集整理的前段第44天------前端、前端三剑客、HTML的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Mysql Mariadb 创建新用户
- 下一篇: 关闭360浏览器广告(广告洁癖)