html初级篇(一)——了解html

html 英文的全称:hyperText markup language!!!(超文本标记语言)

web打交道最多的就是浏览器

那你知道现在主流的浏览器和内核是什么么?
主流的浏览器:1.需要占有一定的份额,2.需要自己独立研发的内核

1. 浏览器的组成部分
(1)shell部分
(2) 内核部分 (包括:渲染引擎,js引擎,其他模块)
IE                                 trident
Firefox                            Gecko
Google chrome              Webkit/blink
Safari                             Webkit
Opera                            presto

就是因为他不专业,所以我需要有一定的专业素养就需要给他讲明白!人生的小细节决定成败!
这个html是文件的后缀名,并不表示什么,也不影响整个文件的内容,只是说他会告诉你的服务器,你这个文件是什么类型的文件!

一.上网的基本流程

image.png

互联网不是神的,是物理的,上网刷网页时请求服务器中存储的各种文件。
互联网是文件与文件的传输

二.html是解释型语言(js也是解释型语言)

在浏览器中并不是把所有代码一次性下载完成就加在的,是下载一分部加载一部分
并且不生成特定的文件
从而现在编程有:

1.解释型语言 (加载一行,运行一行代码)

优点:就是跨平台性强
缺点:运行的时候需要进行翻译成机械语言就是二进制码

2.编译型语言(所有都加载完毕)

优点:不需要再次编译,运行的速度快
缺点:跨平台性弱 (移植性比较差,主要是对底层的依赖比较大,规则太严谨,导致有的时候会出现问题)

三.html是负责描述文档语义的语言,只负责增加文本语义

html(架构):负责描述页面的语义

css(样式):负责藐视页面的样式

js(行为):负责描述页面的动态效果
eg:一个车的 创造和车的运行!

首先我要了解一个刚刚一个基本的html中的内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

四.html标签分级

html标签分种类:这是css的特性 通过css 中的属性display

1.行级元素 inline

feature :
1.内容决定元素所占位置

  1. 不可以通过css来改变宽高
    eg:span strong em a del

2.块级元素 block

feature :
1.独占一行
2.可以通过css来改变宽高
eg:div p ul li ol from address

凡是带有inline的元素,就带有元素特性,同时inline-block也会有,从而两个inline之间会存在文字分隔符
正常手段就是去掉两个标签之间的空格

3.行级块元素 inline-block

feature :
1.内容决定元素所占位置
2.可以通过css来改变宽高

eg :img 的宽高只要设置一个就可以

五.注释

<!--  -->

注释的功能:

1.备注

2.寻找bug,来调试

五.转义字符

html中的空白就是文字分割符号,并不是真正的空格
才是一个真正的空格

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

推荐阅读更多精彩内容

  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 3,828评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,224评论 1 41
  • 阳辰智能通停车APP 错时停车,分时共享:通过整合小区白天闲置车位资源,整合晚上写字楼商场的闲置车位资源,利用互联...
    空中绿叶阅读 251评论 0 0
  • 一,刀为什么可以削梨 给马仔削梨的时候,他问我“妈妈,为什么削皮刀可以削梨呢?” 我愣了一下,自言自语“对呀,为...
    Joy幸福力教练阅读 155评论 0 0