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