HTML学习笔记

来源：互联网发布：linux gcc 版本编辑：程序博客网时间：2024/06/03 19:57

HTML基础知识...2

1.1标记语言基本概念...2

1.1.1什么是计算机语言...2

1.1.2什么是标记语言...2

1.2 HTML基本结构...3

基础标签...5

2.1标题标签...5

2.2段落标签...5

2.3链接标签...5

2.4图片标签...6

HTML基础知识

1.1标记语言基本概念

1.1.1什么是计算机语言

人与人之间是通过语言进行交流，那么人和计算机之间如何交流呢？计算机只知道“0”和“1”，所以我们就通过“0”和“1”这种语系来和计算机交流，这就是机器语言。

机器语言对于人来讲太难理解，编制程序太困难

101011100001110001101010100011（3+6运算）

为了解决这个问题，我们将一串特定的“01”进行符号化，这就是汇编语言

ADD 3,6

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

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

if(a>b){

c =a+1;

}else{

c = b;

}

常见的高级语言有C、C++、C#、PHP、Java

1.1.2什么是标记语言

什么是文本文件：只有文本内容，没有任何格式。举例：

在记事本中输入“带你出师、闯荡江湖！”，并设置相应的格式，但是在其它电脑上打开并没有显示同样的格式，说明其不包含任何格式信息。查看文件大小显示20字节

在word中输入同样的内容，同时设置格式，在另一个电脑上看到的是同样的内容和同样的格式。同时查看文件的大小，

说明word文档中除了存储内容，还存储了格式等信息（document.xml,）ml就是标记语言（Markup Language）的缩写。

我们要学的HTML（HyperText MarkedLanguage）也是一种标记语言。

超文本：不仅仅能表示文本信息，还能表示音视频、格式等等信息。

浏览网页实际上就是将存储在服务器上的HTML文件下载到本地，然后通过浏览器（IE、Chrome等）进行解析并呈现内容。

1.2 HTML基本结构

<!DOCTYPEHTML PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta http-equiv="Content-Type"content="text/html; charset=utf-8"/>
    <title>我的第一个网页</title>
</head>

<body>
带你出师，闯荡江湖！
</body>
</html>

<html>：是整个文档的根节点，它包含两个子节点：

<head>：主要描述文档的设置信息，比如字符集、标题等

<body>：是文档的主体部分，需要呈现的内容都安排在其中。

注释：

快捷键：ctrl+shift+/

形式：

作用：对代码进行说明，方便程序员阅读和理解。注释对于计算机的执行结果没有任何影响。

注释非常重要，代码正确是前提，但清晰也是一个非常重要的原则，程序员需要养成注释的好习惯。

基础标签

<标签名></标签名>

2.1标题标签

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

<body>
这是没有使用标签的标题
<h1>这是使用h1标签的标题</h1>
<h2>这是使用h2标签的标题</h2>
<h3>这是使用h3标签的标题</h3>
<h4>这是使用h4标签的标题</h4>
<h5>这是使用h5标签的标题</h5>
<h6>这是使用h6标签的标题</h6>
</body>

效果

2.2段落标签

段落（paragraph）标签标示页面的一个段落

<p>

段落强制换行

<body>
<h3>登鹳雀楼</h3>
<p>白日依山尽，</p>
<p>黄河入海流。</p>
<p>欲穷千里目，</p>
<p>更上一层楼。</p>
</body>

2.3链接标签

（1）页间跳转

链接标签<a>的作用是跳转

href 属性制定了链接的目标URL地址

target 属性制定打开目标页面的方式，其取值包括

_self:在当前页面中打开

_blank：在新页面中打开

_self :

_top:

title 属性制定提示信息（鼠标指针放在链接上可以显示信息）

（2）页内跳转

需要在目标跳转的位置制定他的id=”...”，在链接制定处制定herf=”#...”

id属性是页面元素的唯一标识

“锚点”anchor

2.4图片标签<img>

Image

在网页中嵌入图片

src属性：source，标识图片资源的源（URL地址，可以是本地的，也可以是来自某个服务器的）

alt（alternativ）属性：可替代的，即当资源不存在时，替代显示为文字内容

路径：

相对路径，描述通过现在目录下到资源最短路径的描述

绝对路径，描述路径的全部路径

当前目录下

表示上一级目录

表示当前目录

当前目录下的下一级目录

2.5杂项

<span>

可以将部分文本独立出来，在hand和body中设置格式

<br>

一段文本换行

<hr>

换行并添加一条横线

<base>

阅读全文

0 0