首页新闻动态正文

HTML【黑马软件测试培训】

更新时间:2021年03月18日 09时11分07秒 来源:黑马程序员

黑马中级程序员课程

定义:HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页 一、HTML发展 作为一种实用的超文本语言,HTML的历史早可以追溯到20世纪40年代。1945年,VannevarBush在一篇文章中阐述了文本和文本之间通过超级链接相互关联的思想,并在文中给出了一种能实现信息关联的计算机Memex的设计方案。TedNelson在1960年前后正式将这种信息关联技术命名为超文本(Hypertext)技术。1969年,IBM的CharlesGoldfarb发明了可用于描述超文本信息的GML(GeneralizedMarkupLanguage,通用标记语言)。1978-1986年,在ANSI等组织的努力下,GML语言进一步发展成为知名的SGML(StandardGeneralizedMarkupLanguage,标准通用标记语言)标准。当TimBerners-Lee和他的同事在1989年试图创建一个基于超文本的分布式应用系统时,TimBerners-Lee意识到,SGML是描述超文本信息的一个上佳方案,但美中不足的是,SGML过于复杂,不利于信息的传递和解析。于是,TimBerners-Lee对SGML做了大刀阔斧的简化和完善,创建了初的HTML,并用它在自己编写的图形化Web浏览器上看到了早的Web页面。 在20世纪90年代初,各个浏览器厂商支持的HTML标准各不相同,限制了HTML的发展和应用。此后W3C(WorldWideWebConsortium,万维网联盟)网络标准化组织联合主流浏览器开发商一同定义HTML标准。HTML1于1992年发布到Internet上,紧接着是HTML2、HTML3、HTML3.2、HTML4 和HTML5。目前市面主推的是HTML5 二、HTML 网页骨架 <!DOCTYPE html>   <html>      <head>           <mate charset="UTF-8">           <title></tilie>      </head>      <body></body> </html> 1. < DOCUTYPE html >  : 用来告诉浏览器当前的文档类型是html文件。 2. <Html> </Html> : 网页的根标签,它是最大的一个标签。<html>标志用于HTML文档的最前边,用来标识HTML文档的开始。而</html>标志恰恰相反,它放在HTML文档的最后边,用来标识HTML文档的结束,两个标志必须一块使用。 3. < Head > </Head>: 头部标签,<head>和</head>构成HTML文档的开头部分,在此标志对之间可以使用<title></title>等标志对。这些标志对都是用来描述HTML文档相关信息的,<head>和</head>标志对之间的内容是不会在浏览器的框内显示出来的,两个标志必须一块使用。它里面放置的内容一般是给浏览器和搜索引擎看的。 4. Meta: 这是一个可以重复使用的标签,最常见的用法就是用来设置字符编码和网页的提示信息。 5. <Title></Title>: 定义网页的标题,使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的主题。要将网页的主题显示到浏览器的顶部其实很简单,只要在<title></title>标志对之间加入需要显示的文本即可 6. <Body></Body>:是HTML文档的主体部分,在此标志对之间可包含<p>„„</p>、<h1>„„</h1>、<br>、<hr>等众多的标志。它们所定义的文本、图像等将会在浏览器的框内显示出来。 7. 三、HTML基本语法 1. 注释:在写代码的时候有一些内我们只希望在源码中出现而不用在界面上做展示。 2. 添加和删除注释都是  ctrl + ?【 英文输入法 】 3. 标签的分类: 单标签和双标签 <双标签名称></双标签名称> <单标签名称 /> 4. HTML在使用的时候允许标签之间可以嵌套使用,但是不能交叉。 5. 在 HTML 当中使用 &nbsp; 实现空格 6. 在  HTML 当中使用 br 来实现换行。 常见的HTML标签 1. 标题标签 <h?></h?> ?表示从1到6 2. 段落标签 <p>双标签</p> 3. Div标签 <div>大盒子</div> 4. Span标签 <span>小盒子</span> 四、标签属性 <img src=”” /> 注: 1. 一个标签的身上可以同时存在多个属性。 2. 属性名与属性值之间用单等号进行连接,属性值一般写在引号里,单引和双引都可以。 3. 在程序当中我们习惯性的将属性名=属性值这种结构称之为键值对,多个键值对之间用空格隔开。 常见的图片标签属性 <img src=”” /> 注: 1. Src : 可以用来书写图片存的位置。 2. Alt: 设置图片的说明性文字,在当前图片不能正常加载的时候会显示这里的文字内容。 3. Title : 设置图片提示性文字,当鼠标悬停在图片上方的时候会显示出来 4. Width | height: 分别设置图片的宽和高,如果只设置其中的一个值,那么另外一边会按着原图的宽高比进行缩放显示。 5. Border: 设置当前边框的粗细。 学的还没有很全面以后再补

推荐了解热门学科

java培训 Python人工智能 Web前端培训 PHP培训
区块链培训 影视制作培训 C++培训 产品经理培训
UI设计培训 新媒体培训 软件测试培训 Linux运维
大数据培训 智能机器人软件开发




传智播客是一家致力于培养高素质软件开发人才的科技公司“黑马程序员”是传智播客旗下高端IT教育品牌。自“黑马程序员”成立以来,教学研发团队一直致力于打造精品课程资源,不断在产、学、研3个层面创新自己的执教理念与教学方针,并集中“黑马程序员”的优势力量,针对性地出版了计算机系列教材50多册,制作教学视频数+套,发表各类技术文章数百篇。

传智播客从未停止思考

传智播客副总裁毕向东在2019IT培训行业变革大会提到,“传智播客意识到企业的用人需求已经从初级程序员升级到中高级程序员,具备多领域、多行业项目经验的人才成为企业用人的首选。”

中级程序员和初级程序员的差别在哪里?
项目经验。毕向东表示,“中级程序员和初级程序员最大的差别在于中级程序员比初级程序员多了三四年的工作经验,从而多出了更多的项目经验。“为此,传智播客研究院引进曾在知名IT企业如阿里、IBM就职的高级技术专家,集中研发面向中高级程序员的课程,用以满足企业用人需求,尽快补全IT行业所需的人才缺口。

何为中高级程序员课程?

传智播客进行了定义。中高级程序员课程,是在当前主流的初级程序员课程的基础上,增加多领域多行业的含金量项目,从技术的广度和深度上进行拓展“我们希望用5年的时间,打造上百个高含金量的项目,覆盖主流的32个行业。”传智播客课程研发总监于洋表示。




黑马程序员热门视频教程

Python入门教程完整版(懂中文就能学会) 零起点打开Java世界的大门
C++| 匠心之作 从0到1入门学编程 PHP|零基础入门开发者编程核心技术
Web前端入门教程_Web前端html+css+JavaScript 软件测试入门到精通


分享到:
在线咨询 我要报名
和我们在线交谈!