个网页对应于一个html文件,HTML文件以.htm或.html为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑来产生HTML文件。标准的HTML文件都具有一个基本的整体结构,即HTML文件的开头与结尾标志和HTML的头部与实体2大部分。有3个双标记符用于页面整体结构的确认。
1、HTML元素
a、从开始标签到结束标签的所有代码
b、开始(开放)标签<p>、结束(闭合)标签</p>、标签内的东西:元素内容
c、<br/>空元素,换行的意思
d、用p标签行之间间隔较大,用br标签行之间间隔较小
e、HTML元素语法:
(1)元素内容是开始标签与结束标签之间的内容
(2)空元素在开始标签中进行关闭
(3)大多数HTML元素可拥有属性
f、嵌套的HTML元素:大多数的HTML元素都是可以嵌套使用的
2、HTML属性
a、标签可以拥有属性为元素提供更多信息
b、属性以键值对的形式出现:例如a标签里面 href="www.baidu.com"
c、常用标签类型:
(1)<h1 align = " ">对齐方式,例如center中间
(2)<body bgcolor=" ">背景颜色
(3)<a target = " ">规定在何处打开链接,_self本地默认打开
属性:
(1)默认,覆盖原标签页
(2)_blank,打开为新标签页
(4)<body backgroud=" ">设置背景图片
d、通用属性:
(1)class:规定元素的类名
(2)id:规定元素的唯一ID
(3)style:规定元素的样式,一般引用css
(4)title:规定元素的额外信息
3、HTML格式化
a、定义粗体文本
b、<big>定义大号字,HTML5会被css代替
c、<em>定义着重问题
d、定义斜体字
e、<small>定义小号字
f、<strong>定义加重语气
g、<sub>定义下标字
h、<sup>定义上标字
i、<ins>定义插入字,有下划线
j、<del>定义删除字,有删除线
每种HTML标记符在使用中可带有不同的属性项,用于描述该标记符说明的内容显示不同的效果。正文标记符中提供以下属性来改变文本的颜色及页面背景。
果冻公开课,开讲啦
修真院倾情奉献的动画课堂:
每堂几分钟,用趣味生动又逻辑清晰 的方式,为你分享编程学习中的知识点及趣味小故事
本节课为大家带来第一课:什么是HTML
”
动画视频:
<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
文字解析:
45年前,北京时间10月29日上午10点,计算机向世界发出了它的第一句话“LOL”,标志着互联网时代的诞生。
而今天的我们,在享受着互联网便利的同时,是否产生过这样的思考:
互联网中我们最直接接触的网页,又是如何诞生的呢?
这个问题,可以追溯到更近的时间,25年前,HTML这门语言第一次诞生的时候。这是因为,网页的基本构成可以简单概括为由HTML、CSS和JS三部分构成。
当然,这三部分的出现时间也是有着先后关系的,从仅仅只有HTML,慢慢发展到有了CSS,最后到出现了JS。而我们今天也将简单向大家介绍一下HTML、CSS和JS这三种网页支柱语言。
HTML诞生于1993年,经过六年时间,从HTML1.0发展到了HTML4.0这个版本。之后,HTML经过了一个较为争议的过程,出现了一个分支,XHTML和HTML5。
由于XHTML的不兼容性,造成众多浏览器厂家和开发者的反对:W3C关闭了XHTML项目,合并了HTML5,历经八年正式诞生了HTML 5这个版本——要知道哪吒也只是怀了3年而已。
HTML这门语言,主要是通过一个个被尖括号<>包裹的标签对内容进行标记,来告诉浏览器如何显示其中的内容。
例如文字如何处理,画面如何安排,图片如何显示等。其中作为结束的标签在<>中有一个反斜杠/
HTML中的标签按照类别主要分为12大类,共119种,其中有30个是HTML 5中新推出的标签。
我们来看看我们最常用的标签都有哪些吧~
①基础类
<title></title> 定义文档的标题
我们平时看到的浏览器上面这个网页标题就是用这个标签实现的。
大多数的纯文字内容都是用<p>标签包住的,作用就是很简单的告诉浏览器这一大段都是文字
②格式类
<b>可以将文字加粗
<big>可以将文本变为大号文本
<i>可以将文字倾斜
③表单类
<input>是我们常用的输入控件,通常在网页中我们可以进行输入的地方都是用它进行标注的
<select>我们常见的下拉列表就是用它标注的,可以将所有选项折叠收缩,很方便对吧
<button>就是我们可以点击的各种按钮,不管是登录还是取消,都是这个标签
④图像类
<img>用来定义图像,大多数我们看到的图片都是用这个标签定义的
⑤音频视频类
<audio>用来定义我们的音频内容,如果在网页上看到这个音频播放的东西,准是这个标签的功劳
<video>用来定义视频,网页中你想放视频的话,可以用这个标签
⑥链接类
<a href="http://www.jnshu.com.cn">IT修真院</a>
我们经常看到的这个蓝色有下划线的文字就是<a>的作用,点击它我们可以去到新的页面
⑦样式类
<div></div>是用来标记一块区域,用来告诉浏览器,这一块是一个整体
<header></header>主要用来放页面头部的内容
<footer></footer>主要用来放页面尾部的内容
⑧列表类
<ol>列表标签,我们能看到的这种列表都是用它来实现
⑨表格类
<table>我们看到的这种表格就是用这个来实现的
大家发现了吗?
HTML的标签基本都是它标注内容的英文单词或者是缩写,十分的语义化
基本上这个标签是干嘛的,只要看这个标签是什么意思你就知道的八九不离十了,是不是很简单~
本节课的内容就是这些啦,我们来复习一下:
1、网页由HTML、CSS、JS三部分构成
2、历经8年,从HTML1.0发展到现行的HTML5
3、HTML语言作为标记语言用标签来告诉浏览器如何显示内容
4、常用的九类标签
是不是觉得HTML一下变得简单明了起来了呢,下节课,我们将向大家分享CSS的相关内容,敬请期待~
这里是果冻公开课,一个用趣味的动画来分享IT知识的课堂
我们将原本复杂、不易理解的编程知识,转化为一个个有趣的动画短视频,为更多人提供生动有趣的IT内容/服务
无论是大咖还是小白,都可以快速学会并深度了解每一个知识点,让IT,Q弹可口。
想了解更多就到我们官网看看吧
位小伙伴,接下来讲解html基础部分的填空题的讲解。
·在html标准中一系列的集合主要包括结构、表现和行为,在这里面不建议各位写英文。
·接下来在这里面htm要通过将网站与网页之间各个元素链接起来并且构成丰富多彩。在这个页面里面是不是点击任意的下拉或者对应的内容有什么?是不是有对应的页面跳转在这里面就是超链接。
·在html中可以应用tr,这里面就是行标来设置当前的垂直属性,就是we alone。
·在这里面网页的跟标记是html主体标记是标题,标记是主体标题是body标题,标题是tatto。
·在html标准中结构标准用于对网页元素进行整理和分类,包括xml和xhtml。
·选择题、填空题做一遍下来都有对应的答案了是吧?什么标记在最前面不用讲了,就是文档类型标记。
·在这里面也可以再读一遍这句话,网页当中常见的图片格式有gpg、png和jpg格式。htm有一个中文翻译,超文本标记语言这个字也要记住,这里面就对应的一个内容的缩写。
·在这里面常用于对于术语和名词的解析和描述。
·列表没有任何的项目符号,u l无需列表有没有符号?有ol有没有有序列表有没有符号?有一二三四,一个是点方形和圆圈对不对?那就只有哪一个定义列表?d l、d t跟d d。
·当to gate等于什么的时候打开新页面是blank,在这里面记得加个下划线。
·html中spin标记属于行内标记。html中什么标记用于设置当前表格的表头?t h标记。t h是标题标记表格的标题标记。
·在网页中列表通常分为三类分别定义,分别是什么?有序、无序和定义。但友情提示,不要写中文,中文完了之后还补英文的内容,因为格式是这样子的。如果在这里面把后面忽略掉,也可以把后面内忽略掉。
·在图像中什么属性用于设置鼠标悬停的时候的提示文字?记住悬停不是未加载,所以是title out是加载不出来的时候显示。
·在html中文本标记负责给文本添加语义,其中he标记为文本添加标题,就主标题,标题用来添加段落。一般情况下写标题也应该没问题,只能说一般情况,但是建议按照参考答案走,如果参考答案是错的不要按照参考答案走。
·在input标记中什么是用来指定不同类型的空间?肯定是tap,input标签又称之为变色龙标签。随着tap的值不同,它的状态和效果也是不同的。
·设置访问超链接的样子需要给a标签添加css样式的尾类是什么?就是list,因为list表示已经访问。html语言主要通过什么?对当前的内容进行描述肯定是通过标记。htm标记单击网页抄链接默认的情况下发送的请求方式为get。
在通常将标记分为单标跟双标,其中什么是指当前一个标记符号即可以完整的描述当前功能?肯定是单标记。image标签表示一个图像信息,它有一个必须要指定的属性来指定路径,那就src。在这里面各要知道link标记、a标记还有js的标记常用的外列的标记是哪几个?这个要懂。
a标签用的是客服,image用的是src,放的标记就是放的指的是字体样式,可以指什么属性可以指定当前的文本颜色,那就卡了。英文单词自己记,不要写错了。
若请求u i r地址为当前的内容,则ht t p请求中的host表示主机地址就是对应的网址。在这里面填空题就给大家说完了,谢谢。
*请认真填写需求信息,我们会在24小时内与您取得联系。