html学习

最新推荐文章于 2022-07-10 02:07:49 发布

奢求997

最新推荐文章于 2022-07-10 02:07:49 发布

阅读量324

点赞数 2

分类专栏：学习

本文链接：https://blog.csdn.net/qq_39391047/article/details/74610941

版权

学习专栏收录该内容

19 篇文章 0 订阅

订阅专栏

HTML笔记

HTML基础知识

1.1什么是计算机语言？

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

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

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

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

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

If(a>b){

c = a;

}else{

c = b;

}

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

1.2什么是标记语言

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

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

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

说明word文档中除了存储内容，还存储了格式等信息（document.xml）ml就是标记语言（Markup language）的缩写。我们要学的是HTML（Hyper Text Marked Language）也是一种标记语言。

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

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

1.2HTML的结构

<html>

<head>
<meta http-equiv="Content-Type"content= "text/html;charset=utf-8">
<title>·</title>
</head>

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

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

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

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

注释：

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

形式：

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

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

基础标签

<标签名></标签名>

2.1标题标签

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

2.2段落标签

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

<p>

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

2.3链接标签

链接标签<a>的作用是跳转，包括页间跳转和页内跳转。

（1）页间跳转

<a href="http://www.runoob.com"target="_blank"title="你是真的垃圾！">菜鸟网</a>

href 属性指定链接的目标

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

_self：在当前页面打开默认；

_blank：在新的页面中打开；

_parent:----

_top:----

title属性指定提示信息

（2）页内的跳转

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

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

<h3 id="ch9">目录</h3>
<a href="#ch1">第一回：宴桃园豪杰三结义，斩黄巾英雄首立功</a><br>
<a href="#ch2">第二回：张翼德怒鞭督邮，何国舅谋诛宦竖</a><br>
<a href="#ch3">第三回：议温明董卓叱丁原，馈金珠李肃说吕布</a><br>
<a href="#ch4">第四回：废汉帝陈留践位，谋董贼孟德献刀</a><br>
<a href="#ch5">第五回：发矫诏诸镇应曹公，破关兵三英战吕布</a><br>
<a href="#ch6">第六回：焚金阙董卓行凶，匿玉玺孙坚背约</a><br>
<a href="#ch7">第七回：袁绍磐河战公孙，孙坚跨江击刘表</a><br>
<a href="#ch8">第八回：王司徒巧使连环计，董太师大闹凤仪亭</a><br>
<p>（此处省略10000字）</p>
<p>··············<br>··············</p>
<h3 id="ch1">第一回：宴桃园豪杰三结义，斩黄巾英雄首立功</h3>
<p>（此处省略10000字）</p>
<p>··············<br>··············</p>
<a href="#ch9">返回目录</a>
<h3 id="ch2">第二回：张翼德怒鞭督邮，何国舅谋诛宦竖</h3>
<p>（此处省略10000字）</p>
<p>··············<br>··············</p>
<a href="#ch9">返回目录</a>
<h3 id="ch3">第三回：议温明董卓叱丁原，馈金珠李肃说吕布</h3>
<p>（此处省略10000字）</p>
<p>··············<br>··············</p>
<a href="#ch9">返回目录</a>