HTML学习笔记(一)

时间:2021-12-04 20:00:44

第一章

1.1  HTML基础知识

计算机语言

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

计算机语言对于人类来讲太难理解,编制程序太困难。为了解决这一问题,我们将一串特定的01进行符号化,这就是汇编语言。

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

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

高级语言种类:cc++c#phpJava

1.2标记语言:

文本文件:只有文本内容,没有文件格式。

word中输入同样的内容,同时设置内容,在另一台电脑上看到的是同样的内容

word文档中除了存储内容,还存储了格式等信息

document.xmlxml就是标记语言(Markup Language)的缩写。我们要学的HTML(HyperTxet Language)也是一种标记语言)

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

 

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

HTML结构:

<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//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>
<!--文档的主要部分-->

不忘初心,终得始终。
</
body>
</
html>

注释:

添加HTML注释的快捷键Ctrl+shift+/

形式:<!----->

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

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

 


 

第二章基础标签

<标签名></标签名>

2.1标题标签

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

<h1>——<h6>

段落标签:

段落(Paragraph)标签标示页面的一个段落,自动换行。

2.3链接标签

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

Href属性指定链接的目标URL地址

<a href="http://www.runoob.com"target="_blank" title="我真的很菜">菜鸟网</a>

Target属性指定打开目标页面的方式,其取值包括

_self:在当前页面打开,默认

_blank:在新的页面打开

_parent:这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在*框架中,那么它与目标 _self 等效

_top:这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

Title属性指定显示信息

(2)页内跳转

在目标标签处指定id,在链接出指定href=#...

Id属性是页面元素唯一标识

锚点ancher

2.4 图片标签<img>

在网页中嵌入图片

src:source,图片资源的URL地址,可以是本地的,也可以是远程的

alt属性:alternative(可替代的),即当资源不存在时,替代显示为文字内容。

路径:

相对路径:

绝对路径:

“..”表示上级目录,”.”表示当前目录,

在同一级目录:<img src=”img.jpg”>

在上一级目录:<img src=”../img.jpg”>

在下一级目录:<img src=”pic/img.jpg”>

2.5杂项

<span>

<br>

<hr>

<base>