技术 | Web前端开发

html是什么?

html --> hyperText markup language!  它是这个英文的缩写,翻译过来就是超文本标记语言。这个东西当然是可会可不会的,它的具体前端编程的代码并不相关,但是我希望大家可以多了解一些。

比如有一天,去一个公司面试,HR不懂技术,他问html是什么,你给我解释解释呗,你就得解释啊,解释html是什么。再比如一个不懂技术的外行问你,他肯定什么也不懂,你也得解释啊~所以,会总比不会要好。

简单介绍一下html,html由一对一对的标签组成,每一对标签都有自己特殊的功能和用处。

演示:

移除

html标签

​这就是一对标签,前面的叫头标签,后面的叫尾标签,头标签由两个尖括号和一个标签名称组成,尾标签由两个尖括号和一个标签名,以及标签名前的反斜杠(标签结束符)组成。这两个共同组成一对标签。每一个标签都有一个特殊的用法和特殊的含义。

标签代表一定的功能,它还要包裹一定的东西。

这个html标签,我们叫根标签。这个标签是整个html文档的根。再写代码只能写在html标签里。

移除

head 和 body 标签

​head就像是头脑,body就像是身体。

body区是给用户看的,head区是给浏览器看的

移除

演示

​比如,我们在body区写上一些东西,I just wanna run!!!

我们再看浏览器中

移除

演示

我们怎么在浏览器中看到自己写的代码,很简单:我们可以直接双击保存的html文件,或者直接拖动保存的html文件到浏览器中。

移除

演示在浏览器中打开html文件

​再或着,直接在编辑器中右键选择Open in Browser。

这个时候我们在编辑器代码里写一些汉字:

移除

演示,在代码中写汉字

​再看代码在浏览器中解释:

移除

点击此处添加图片说明文字

发现现在不太对劲了。后面的中文没有显示出中文。浏览器认不出来中文。那为什么浏览器可以认出英文呢?废话~人家美国人开发的,能不认识英文吗?

这个时候,我们可以意识到代码中缺少了一种可以让浏览器认出中文的东西。

下面我们来添加一下:

移除

添加文字编码的代码

​我们注意到不是成对出现的

移除

点击此处添加图片说明文字

移除

点击此处添加图片说明文字

这个时候,我们发现浏览器中可以显示中文了,那么这个标签是什么意思呢。每个标签有自己的属性以及属性值。属性可以直接写,属性值必须加双引号。

那么什么意思呢?它是告诉浏览器,我们的编码格式是utf-8的形式。什么叫编码格式呢?就是浏览器存的字典,让浏览器认识不同的字。

移除

点击此处添加图片说明文字

​我们再看一个新的标签,还是在部分的,先看一下效果。

移除

点击此处添加图片说明文字

​网页上出现了刚才的名字,我们之前的显示都是lesson1。所以这个标签的作用就是改变网页的名字。

这个时候,可能有人发现,我没有解释上面的lang="en",这段代码,英文好的人,可能会翻译成

language="english".这个绝对不是这个意思。这个涉及seo。我在后期会做一个专题详细解释。

下面我们看一些基础标签:

移除

代码

移除

代码在浏览器中显示

我们来挨个看一下:

标签,又叫段落标签​,在浏览器中我们可以看到,它是成段显示的。自成一行。

h1到h6,我们称为标题标签,它可以显示出不同大小的字体。

标签可以起到加粗字体的效果

标签可以让字体显示出斜体的效果​

​标签可以让字体既加粗又出现斜体效果。当然,这种效果,我们也可以通过上面的  ,这两个标签叠加,显示出来。

总结:介绍html是什么,一些简单的html标签的功能及作用。

本教程持续更新。八月可能出视频教程,欢迎持续关注。

微信公众号:Technikzeit

新浪微博:Net上的小蜘蛛

简书:Net上的小蜘蛛

全平台更新,欢迎关注

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,968评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,601评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,220评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,416评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,425评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,144评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,432评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,088评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,586评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,028评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,137评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,783评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,343评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,333评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,559评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,595评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,901评论 2 345

推荐阅读更多精彩内容