今天和大家一起來分享一下新學的HTML標簽，有人會問那什么是HTML呢？HyperText MarkupLanguage，是不是覺得太高大上了。它是超文本標記語言，標准通用標記語言下的一個應用。“超文本”就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

大家平常在各個瀏覽器所看到的網站就是通過這些最基礎的html標簽組成的，但是很多人說這些標簽太多太雜不好記，接下來我會以可愛的方式讓大家記住這些”表情包”。

說明：

1>HTML標記符不區分大小寫，表達的意思都是一樣的。

一．HTML基本結構

頁面的標題

…網頁的正文{各種標簽}

不知道聰明的人發現了問題沒有，他們都是成對出現的，大家可以這樣記，成對出現的標簽就好像是一對情侶，男生在前面也就是主管外面，而女生就是后面的那一個標簽和他同對出現，只不過她主管內。相比男生會多一個,但是他們原本是一對啊，大家可以這樣記。這是我自己覺得的，你把他們放在一起在看一看，這和我說的可愛的表情包像不像，下面的也是這樣。先讓大家體會一下，發揮一下想象力。

…

… … …

哈哈，有沒有覺得他們很可愛，看他們都對你笑呢。不鬧了，接下來就整理一下那些可愛的表情包都屬於哪個家族，以及專屬於它們的name.

二、HTML標簽之BASIC家族

…——他的名字是定義html文檔

…——他的名字是標記文檔的信息…——他的名字是書寫頁面的標題

——他的名字是百變文檔樣式信息這個最可愛了，他只是注釋所以有點不開心

三、HTML標簽之文本(text)家族

...

這個是標題字大小(h1~h6)，用來顯示字的大小，他有六個兄弟你懂的…看名字就知道這孩兒有強迫症，非要把文本內容居中，哈哈。

格式小家族(像警察一樣，規范着國家的文本格式)

…他的力氣很大，能把字體變粗。

…今天他沒睡醒，走路都是歪的，看把字都弄成斜體。

…他很細心，在文字的下面畫了一條線。

...or~~...~~她是警察，讓那些不規范的文字消失，是刪除線。

…她是老師，不同樣的方法加粗字體用於強調

_...淘氣下標

^...淘氣上標

任性的萌妹紙,表示一個無序列表

蠢蠢的書呆子，表示一個有序列表…愛哭的人，表示一個列表項目

…這個厲害了，我的哥，他是超人表示超鏈接.

..她是班長，用來組合行內元素，span的前后不會換行.

..他是一個魔法師，可以定義文本字體尺寸、顏色、大小.

他是孤獨的行者，表示換行。

…

表示段落

他是一個律師，表示塊級元素，div的前后會換行。

四、HTML標簽之picture家族

一個愛美麗的人

用來定義圖像，變幻出各種圖片。

五HTML標簽之table家族

他是一個主管，用來定義表格…他是願意沖鋒的小伙子，用來定義表頭行單元格…他有點內斂，用來定義表格中的行one、two、three…他是學習委員，用來定義表格中數據行單元

蘋果
香蕉
檸檬
桔子

他們是多胞胎，顯示的是他們一個種類，用來定義一個同類的列表以水果為例

六．HTML標簽之special家族

特殊符號說明

空格

" "

< <

& &

分割線：

…定義供用戶輸入的 HTML表單定義框架集的窗口或框架

好了，這就是發揮我的想象力來給他們起的名字，其實有時候換一種角度就可以讓它變得很有趣，HTML那些可愛的表情包，大家一定舍不得忘記他們。當然這是他們的表面，以后跟我一起了解他們的內在吧也就是屬性咯。

关于html的表情包,HTML那些可愛的“表情包”相关推荐

war包怎么解压_渣渣辉表情包下载-渣渣辉抖音表情包动态图下载
详情介绍渣渣辉表情包怎么制作?渣渣辉表情包gif在线生成工具应用安装资源推荐给大家,这是一款最近抖音上相当火爆的趣味聊天必备神器.这里各种各样的动态表情包应有尽有,你喜欢的表情包这里都有.感兴趣的小 ...
biu爱心html,biu爱心给你表情包 - biu爱心给你微信表情包 - biu爱心给你QQ表情包 - 发表情 fabiaoqing.com...
biu,爱心给你 - 爱心给你全给你 _爱心表情好多爱心都给你 - 爱心给你全给你 _爱心表情给你爱心 - 爱心给你全给你 _爱心表情爱心 - 爱心给你全给你 _爱心表情给你我的一颗心 ...
金馆长qq表情包●绿色版【金馆长表情252个】
金馆长qq表情包绿色版 [金馆长表情252个] 授权方式:免费软件界面语言:简体中文软件大小:7.60MB 所属专题:网络聊天运行环境:Win2K,WinXP,Win2003,Vista,Wi ...
首先下载安装data.table包_自从用了这个表情包制作工具，斗图再也没输过
这年头手机里没几百张表情包都不好意思跟人斗图!别的女孩子手机都是美美哒自拍,然而小编的手机相册一打开全是表情包-- 小编常年在斗图界屹立不倒,靠的可不仅仅是搜图的技能,都说艺术来源于生活,更多时候,自 ...
python开发专属表情包_Python开发个人专属的表情包网站
前言本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. "表情包"是一种利用图片来表示感情的一种方式.表情包是 ...
mysql emoy表情_GitHub - PandaQAQ/PandaEmoView: emoji gif 表情图文混排，仿微信表情输入...
该库具有以下特点: 支持 emoji 表情图片支持 gif 动态表情输入显示支持单张贴图表情(与微信收藏表情一致) 支持题图表情库的添加删除效果图: 快速使用引入库 compile 'com. ...
手动将jar包导入pom依赖，让jar包适配本地maven项目
前言: Oracle对maven很久没有更新依赖,虽然19年更新了一版,但pom引入一直有错误. 我用的是oralce 12的依赖,虽然有jar包,但是依赖和pom没有适配,项目打包的时候还要去中央仓 ...
R语言使用pie函数可视化饼图（pie chart）、为饼图添加百分比信息、使用plotrix包可视化3D饼图、使用plotrix包可视化扇形饼图
R语言使用pie函数可视化饼图(pie chart).为饼图添加百分比信息.使用plotrix包可视化3D饼图.使用plotrix包可视化扇形饼图目录
R语言stats包的setNames函数和data.table包的setnames函数为数据对象设置名称实战
R语言stats包的setNames函数和data.table包的setnames函数为数据对象设置名称实战目录 R语言stats包的setNames函数和data.table包的setnames函 ...

关于html的表情包,HTML那些可愛的“表情包”

...

关于html的表情包,HTML那些可愛的“表情包”相关推荐

最新文章

热门文章