1,html是什么?
概述:HTML是一种超文本标记语言:其实HTML是一种专门向计算机描述我们的设计图上有什么内
容的一种符号。我们通常将HTML语言成为HTML标签。
基本语法:<HTML标签名称></html标签名称>
我们怎么才能做出来一个HTML页面呢?
1,建立一个“文本文档.txt”,我们把文本文档的后缀".txt"修改为“.html”点击确认,这个时候我们
的网页文档就建立起来了。
我们可以点击该文档,以右键方式,选择以记事本或者编辑器的方式打开页面,这个时候我们可
以在这个页面进行内容编辑:这个过程叫做输入过程。
我们可以直接双击该文件打开,这个时候只能浏览该页面。
当网页建立起来之后,
我们需要在空白的页面上,开始编写我们的网页基本结构。
首先我们需要写一个声明标签,向计算机提示:应该用什么标准翻译网页。
语法:<!doctype html>
<!>:代表的意思是:声明如下:doc:文档,type:类型,HTML代表的是版本。综合起来就是:声明如下
,我的文档类型是HTML。
为了呼应声明,我们需要设置页面的开始位置和结束位置。
<html>//开始
HTML内容:为了向计算机说明,我们的内容是什么语言:我们需要向计算机提供我们文档存储的
编码标准:
<meta charset="">charset="gbk/gb2312/utf-8"这三种取值受到我们文档存储的编码标准的影
响。如果我们的页面存储为ANSI格式,取值:gbk/gb2312.
如果存储为UTF_8,取值为utf-8。
这个设置的信息是要给计算机看的,同时它的设置影响了计算机对后面内容的翻译,所以我们必
须把该内容放在最顶上,因为计算阅读网页是从上向下,从左往右读取。
所以我们在HTML中专门开辟了head区域存放该类信息,所以head被成为初始化区域。
语法:
<head>
<meta charset="gbk">
除了设置字符标准,我们还需要设置网页的标题。
语法:<title>文字内容</title>
除了网页标题之外,我们还需要写网页的关键词和简介
<meta name="keywords" content=""/>
<meta name="description" content=""/>
</head>
<body>
可视化区域
在网页中,我们经常会看到一段文字上面会有一个总结性的文字,这个文字比较大,比
较粗,我们称为:网页标题内容使用典型的标签名<h>
<h>标签有6组h1-h6.h1标签一个页面中,只允许使用一次。常用的h2-h4.
在输入界面不管怎么输入。我们都是独占一行输出的标签,称为:块标签。
如果我们需要将多行内容放到一个段落里,就使用<p>标签
<br/>换行标签是一个典型的单标签,它本身就代表换行的意思。
<img src="">,因为在编辑页面中,我们没办法直接粘贴图片,所以我们只能使用<img>标签,将
存放在其他地方的图片调过来。调用的属性叫:src:
后面要写的就是图片存放的地址路径:
路径有四种写法:
1,绝对路径:根目录盘:/存储的文件夹名字/文件名,在计算机中根目录盘:c:/,d:/,e:/f:/;
这些盘符。优点:能够无视图片存放的位置,直接找到图片。缺点:不能出错,书写麻烦,一旦更换地址
,路径全部错了。
2,相对路径:利用图片和文件共处在一个空间内,只是他们最后的存储位置不太一样,利用这
个原理来找文件。
1),图片放在HTML页面同级//图片名称.jpg
2),图片放在HTML的下级//图片存放的文件夹名字/图片名称.jpg
3),图片放在html的上一级// ../图片名称.jpg
标签的属性:img的后面有一个src的字符,这个src:代表图片的调用路径,它是img的属性:英文统称:
attr。图片的属性里面除了,src还有title用来作鼠标提示,Alt向搜索引擎做关键词提示的。
链接标签:<a></a>淡出的a没有链接效果,它需要href=""赋予效果。href代表的是跳转路径的
意思。路径跳转到外网:需要使用绝对路径:URL的绝对路径必须有http://开始。target:打开方式。取
值:“_blank”//新页面形式打开
利用链接标签实现同页面的定点跳转:
1,在目的地建立锚点<a name="锚点名称">目的地</a>。2,在点击区域使用锚点<a href="#锚点名称">
点击区域</a>
我们在制作页面的时候发现a标签会排列在一行输出。,无论怎么呢输入,最后都一行输出,这样的标签
称为:行标签。
列表标签:
1,ul//无序列表:一般我们用来表示网页中出现导航和标题集合内容。其中标题集合的内容区
域,我们叫它list,列表内容类型。
在ul中,每一个标题都需要用一个li标签包裹起来。要不就行成不了列表
基本语法:<ul>
<li><a href="#1"></a></li>
<li><a href="#1"></a></li>
<li><a href="#1"></a></li>
</ul>
在ul使用中,li里面必须包含a标签
</body>
</html>//结束。