HTML学后感
经过三个月的拉锯战,java考核终于结束,又总结了三天,然后就开始了HTML。
刚开始学习的时候,由于各种事务,又是两天什么也没干,直到周五才开始学习,到周日看到了三十多集。这时候才发现HTML真的比java简单的多,学起来也很快。
一下是这几天总结的知识点
一、网页
1、:什么是网页
网站是指在因特网上根据一定规律,使用HTML等制作用于展示特定内容的网页集合
网页是网站中的一“页”,通常是HTML格式的文件,他要通过浏览器来阅读。
网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素构成。通常我们看到的网页,常见以.htm或.html后缀结尾的文件,因此将其俗称为HTML文件
2、什么是HTML:
HTML指的是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。
HTML不是一种编程语言,而是一种标记语言(markup language)。
标记语言是一套标记标签(markup tag).
所谓超文本,有2层含义:
2.1、他可以加入图片、声音、动画、多媒体等内容(超越了文本限制)
2.2、它还可以从一个文件跳转到另一个文件,与世界各地主机的文件链接(超级链接文本)。
2.3、网页的形成
网页是由网页元素组成的,这些元素是利用html标签名描述出来,然后通过浏览器解析来显示给用户的。
2.4、网页总结:
网页是图片、链接、声音、文字、视频等元素组成,其实就是一个html文件(后缀为html)。
网页生成制作:由前端人员书写HTML文件,然后浏览器打开,就能看到了网页。
HTML:超文本标记语言,用来制作网页的一门语言,由标签组成的,比如图片标签、链接标签、视频标签等
二、常用浏览器:
1、浏览器概念:浏览器是网页显示、运行的平台,常用的有IE、火狐、谷歌、Safari和Opera等,称为五大浏览器。
2、浏览器内核:
三、Web标准(重点)
Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维网组织)是国际最著名的标准化组织.
1、为什么需要Web标准:浏览器不同,他们显示页面或者排版就有些许差异,遵循Web标准除了可以让不同的开发人员写出的爷庙更标准、更统一外,还有一下优点:
1.1、让Web的发展前景更广阔。
1.2、内容能被更广泛的设备访问。
1.3、更容易被搜索引擎搜索。
1.4、降低网站流量费用。
1.5、是网站更易于维护。
1.6、提高页面浏览速度。
2、Web标准的构成
主要包括结构、表现和行为三个方面。
相比而言,结构更重要
四、HTML标签(上)
1、HTML语法规范
1.1、基本语法概述
1.1.1、HTML标签是由尖括号包围的关键词,如<html>
1.1.2、HTML标签通常是成对出现的,如<html>和</html>,我们称之为双标签,其中第一个是开始标签,第二个是结束标签。
1.1.3、有些特殊的标签必须是单个标签(极少情况),例如<br/>,称之为单标签
1.2、标签关系
1.2.1、包含关系
1.2.2、并列关系
2、HTML基本结构标签
2.1、第一个HTML网页:每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这写基本标签上写的,HTML页面也成为HTML文档。
3、开发工具
3.1、文档类型声明标签
4、HTML常用标签
4.1、标题标签<h1>~<h6>(重要)
标签语义:作为标题使用,并且一句重要性递减。特点:加了标题的文字会加粗,字号依次变大;一个标题独占一行
4.2、段落和换行标签(重要)
段落标签:<p></p>
标签语义:可以把HTML文档分割为若干段落。特点:文本在一个段落中会根据浏览器窗口的大小自动换行;段落和段落之间保有空隙。
换行标签:<br />
标签语义:强制换行。特点:<br />是单标签;<br />标签只是简单的开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。
4.3、文本格式化标签:有时侯需要为文字设置粗体,斜体,下划线等效果
标签语义:突出重要性,比普通文字更总要。
4.4、<div>和<span>标签:<div>和<span>是没有予以的,他们就是一个盒子,用来装内容的。
特点:<div>标签是用来布局,但是一行只能放一个<div>。大盒子;<span>标签是用来布局,一行可以放多个<span>。小盒子。
4.5、图像标签和路径(重点):
图像标签<img>:用于定义HTML中的图像(单标签)。
格式:<img src="图像URL"/>;src是<img>的必须属性,它用于指定图像文件的路径和文件名。
注意:图像标签可以有多个属性,必须写在标签名后;属性不分先后顺序,标签名与属性、属性与属性之间均以空格分开;属性采取键值对的格式,即key=“value”的格式,属性=“属性值”
路径:(1)目录文件夹和根目录。
目录文件夹:就是普通文件夹,里面只不过存放了我们做页面所需要的相关素材,比如html文件、图片等。
根目录:打开目录文件夹的第一层就是根目录。
路径分为相对路径和绝对路径。
相对路径:以引用文件所在位置为参考基础,而建立出的目录路径,简单来说就是图片相对于HTML页面的位置。
绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
右键中的复制图像链接可以使用网页中的图片
4.6、超链接标签(重点):<a>
4.6.1、超链接的语法格式:<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
4.6.2、连接分类:
外部链接:如:<a href="http://baidu.com">百度</a>
内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,如<a href="index.html">首页</a>
空链接:如果当时没有确定链接目标时,<a href="#">首页</a>
下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接
锚点链接:点击链接时,可以快速定位到本页面的某个位置在链接文本的href属性中,设置属性值为#名字的形式如<a href="#two">百度</a>;找到目标位置标签,里面添加一个id属性=刚才的名字,如<h3 id="two">百度介绍</h3>
5、HTML中的注释和特殊字符
5.1、注释:如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。HTML中的注释以"<!--"开头,以"-->"结束。快捷键ctrl+/。注意:注释是给程序员看的,这个代码不显示到网页中,和java中的“//”类似。
5.2、特殊字符:
注意:加入几个字符代码,就出现几个字符,包括空格代码。