html的基础知识(章节一)

本文介绍了HTML的基础知识,包括计算机语言的演变过程、标记语言的概念、HTML的基本语法及常用标签的使用方法,如标题标签、段落标签、链接标签、图片标签等。

1.

HTML基础知识:

 

1.1

什么是计算机语言?

 

计算机语言只有0,1(有或没有),充分是实现了各种的表达。

人与人之间是通过语言进行交流,那么人和计算机之间如何交流呢?

计算机只知道1,0,所以我们就通过0和1来进行交流,这就是机器语言。

计算易语言对于人来说特别难理解,编制程序太困难。

101000000000100000001100111111111110001(机器语言,例如)

为了解决这个问题,我们将一串特定的“01”进行符号化,这就是汇编语言。ADD3,4(汇编语言,例如)

机器语言和汇编语言都属于低级语言,既体现了机器语言的特性,而对于大多数不是计算机工程师的人来说,还是太困难了。

高级语言:用类似的英语加数学符号来描述,最大程度屏蔽了计算机的特性,使得程序阅读和编制变得越来越容易。

if(a>b){

c=a;

}else{

c=b;

}

 

计算机中的0和1是通过电压的高低来实现的。

常见的高级语言有:c,c++,c#,php,java.

 

1.2

什么是标记语言:

 

什么是文本文件:只有文本内容,没有格式。举例:

在记事本中输入“中国制造”别设置相应的格式,但在其他电脑上打开不显示相应格式,说明其不包含任何格式信息。

 

在Word中输入同样的内容并设计格式,在另一台电脑中看到的是同样的内容和格式。

 

说明word文档中出了储存内容,还储存了格式等信息(document.hml)ml就是标记语言(Markup Language)的缩写。

我们要学的HTML(HyperTextMarked Language)也就是一种标记语言。

超文本:不仅能表示文本信息,还能表示视频,格式等,等信息。

浏览网页就是将储存在服务器上的HTML文件从服务器上下载到本地,然胡通过浏览器进行解析并呈现内容。

 

基础标签

2.1

<标签名></标签名>

标题标签用于显示页面的标题信息,既包含了格式信息,同时提供了语义信息。

<h1>-<h6>(字体的从大到小)

2.2段落标签

<paragraph>标签标示页面的一个段落

2.3连接标签

连接标签<a>的作用是跳转,包括页内跳转

Target 属性指定页面中打开,默认

Href属性是指定连接的目标URL地址(可以页内跳转,也可以页外跳转,页外跳转的话,直接在href后面加上链接即可,而页内则而需要在指定的内容加上ID,如下图:

加上#号和所需的ID号即可。定点页间跳转,如下图:)

Name属性和id属性:name标签只能在<a>标签内才能代替id标签,而id标签在任意标签下都能使用。一般不使用name代替name.

 

 

 

 

锚点:跳转的目标地,例如(#c1)

 

Title:鼠标移上去时可以出现指定提示信息

_self:在当前页面中打开目标页面的方式,其取值包括

_blank:在新页面中打开

_parent:...

_top:....

 

 

 

2.4图片标签:

图片必须存放在文档所存目录中。

Src属性:图片的源头,可以是本地的,也可以是远程的。

Height:图片的高度。

Width:图片的宽度。

Border属性:图片的边缘宽度。

Lit:可替换的。当图片资源不显示时,替代资源,显示的文字内容。

 

 

 

路径:

../代表上一级目录。

./表示当前目录

**/代表下一级目录(**表示文件名)

相对路径:所谓相对路径,就是相对于自己的目标文件位置。

绝对路径:绝对路径是指文件在硬盘上真正存在的路径。

 

 

2.5杂项

 

<span>:将部分文本独立出来。

<br>:换行

<hr>:加一条线

<base>

 

 

 

 

 

 

 

<!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<!--head部分主要做一些设置工作,比如字符集,标题-->
<head>
    <metahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>
    <title>中国制造</title>
</head>
<!--文档的主体部分,呈献给客户观看的信息-->
<body>
<marqueescrollamount=10>带你装逼带你飞</marquee>

<h1color="#4876FF">123</h1>

</body>
</html>

 

 

 

 

 

 

 

注释:

快捷键:ctrl+shift+/

形式:<---->

作用:将没用的或多余的代码注解掉,对于计算机程序的运行没有影响。

 

 

 

 

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值