HTML学习笔记(一) 之 初识html

一、什么是WEB前端

1.1 什么是WEB页面(Web page)

    解释:WEB页面是万维网上的一个按照HTML格式组织起来的文件。在通过万维网进行信息查询时,以信息页面的形式出现,它可包括图形、文字、声音和视像等信息。 文字与图片是构成一个网页的两个最基本的元素。

我的理解是:WEB页面是将文字 ,声音,图片,视频等信息按照他规定的规矩进行标志(HTML格式),然后最终以信息页面的方式展现给用户。


1.2  什么是HTML   (Hyper Text Markup Language)

     超文本(hypertext):一种全局性的信息结构,它将文档中的不同部分通过关键字建立链接,使信息得以用交互方式搜索。它是超级文本的简称

     超媒体(hypermedia) 超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形,甚至可以播放一段动画

       Internet采用超文本和超媒体的信息组织方式,将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统,Web的一个主要的概念就是超文本连接,它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下,就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。

  我的理解是:我们想通过WEB网页去获取想要的信息,如同我们去图书馆去找相关知识的书本,如我想学习WEB前端开发的相关知识,首先我要到学校图书馆去找到WEB前端标签,然后我们根据标签获取到我样想要的书本,再之后,根据书本的目录准确找到我想要知识点所处的页码信息。而在WEB项目,我们通过文字,或是图片的链接来寻找我们想要知识点的准确位置

     超文本传输协议(HTTP)Hypertext Transfer Protocol超文本在互联网上的传输协议。

协议:用通俗的语言来讲也就是规矩的意思(所谓老子的地盘,老子作主),就如同我们开车要遵循交通规则一样,那么我在互联网上去传输知识点,也就要遵从互联网的“交通规则”


综上所述:

(1)HTML 指的是超文本标记语言

(2)HTML 不是一种编程语言,而是一种标记语言(将文字,图片按照自己的想法进行标记);HTML 使用标记标签来描述网页

(3)标记语言是一套标记标签(markup tag) ,将图文信息使用标签进行布局显示

二、WEB页面(HTML文档)标准结构图


html标准结构图



HTML网页基本结构

我们可以形象的理解为:一个html文件为一个人,<title><\title>标签部分表示的是人的姓名,也就是网页的名称,<head></head>标签部分表示人的头部,而在<body></body>标签页表示的网页的主体部分,在这个主体部分,又可以装载<h></h> <p></p> <img >等不同的图文信息作为网页的主体部分

<html><\html> 标签标记着 HTML 文档的开始和结束

2.1 html标签使用语法:

    <标签名>内容<标签名>     如:

 段落标签(<p><\p>):        <p>这是一个段落</p>

 标题标签(<h></h>) :              <h>这是一个标题</h>

2.2 Web 浏览器

 Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户:


浏览器

例:英勇联盟的官方主面

英雄联盟官方首页

英勇联盟的官方主面对应html格式

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

推荐阅读更多精彩内容