HTML基础

最新推荐文章于 2024-04-04 13:31:27 发布

废柴前端

最新推荐文章于 2024-04-04 13:31:27 发布

阅读量155

点赞数

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/zhuxiandan/article/details/76584152

版权

HTML笔记

（1）.计算机语言的概念

计算机采用二进制来识别信息，由0和1组成，人通过二进制和计算机交流，也就是机器语言。由于机器语言难理解，所以将“0 1 ”符号化，形成易于理解的汇编语言。计算机语言和汇编语言都属于低级语言，但对于非专业人员还是难于理解，进而产生了高级语言 [W用1] ，

（2）.标记语言的概念

文本文件：只有文本内容，没有任何格式。例：在记事本中设置相应的内容格式，但在其他的设备上打开，只有内容，并没有任何的格式；在Word文档里输入同样的内容和设置相同的格式，在其他的设备上看道的是完全相同的内容和格式。用解压缩软件打开word文档，可以发现文档中除了存储内容，还有格式等信息（document.xml），ml就是标记语言的缩写。即将所学的HTML也是一种标记语言。即超文本标记语言（HyperText Markup Language）.

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

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

（3）HTML基本结构

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!--head部分主要做一些设置工作，比如字符集、标题-->
<head>
    <meta charset="UTF-8">
    <title>Body</title>
   <style>
      a{
         text-decoration: none;
      }
   </style>
</head>
<!--文档的主题部分，呈现给用户的信息-->
<body>
   <h2>思乡</h2>
   <p>床前明月光，</p>
   <p>疑是地上霜。</p>
   <p>举头望明月，</p>
   <p>低头思故乡。</p>
   <a href="E101-01-03.html/#ietm7" target="_blank">第七回</a>
</body>
</html>

注释：快捷键：ctrl+/；形式：; 作用：对代码进行说明，方便程序员阅读和理解。注释对于计算机的执行结果没有任何影响；注释非常重要，代码正确是前提，但清晰也是一个非常重要的原则，程序员需要养成注释的好习惯。

（4）基础标签

形式： <标签名></标签名>

<2.1>标题标签：标题标签用于显示页面的标题信息，既包含了格式信息，同时提供了语义信息具体形式：<h1></h1> ——<h6></h6> （标题标签自带加粗效果）

<2.2>段落标签：段落标签标示页面的一个段落，自动换行。标签名：<p></p>

例子：

 <p>床前明月光，</p>
 <p>疑是地上霜。</p>
 <p>举头望明月，</p>
 <p>低头思故乡。</p>

<2.3>链接标签：用于点击跳转包括页内跳转和页间跳转标签名：<a></a> 属性：href——值为链接的url地址； target——值为“_blank/_self/_parent/_top”“在新窗口打开/在当前页打开/在父框架集中打开被链接文档/在整个窗口中打开被链接文档” title——当鼠标移入超链接，显示提示信息（不限于超链接，其他行内标签也可使用）；

 例子：<a href="www.cainiao.com" target="_blank" title="我很帅"></a>

使用a的name属性实现跳转的方法：

先需要被跳转到的地方放一个锚点。锚点其实也是一个a标签，只是这个a标签没有href属性，只有name属性，这个name属性就是它的标识，别人要跳转过来，就是按照这个标识。

<p><a name="item">第八回合：王司徒巧设连环计，董太师大闹凤仪亭</a></p> ————————这是被跳转的内容

<a href="#item">第八回合</a> ————————点击跳转

<2.4>图片标签：在网页中插入并显示图片标签名：<img src=""/> 属性：src——图片的源地址即url width——值为图片的宽度，可自由设置 height——值为图片高度，可自由设置大小。alt——当图片不能正常加载的时候在网页显示的图片提示信息。

  例：<img src="../img/1.jpg" height="360" width="480" alt="这是一张图片">

<2.5>其他标签：<span></span>: 可以将部分文本独立出来； <br>:换行标签； <strong></strong>:加粗文本； <i></i>:倾斜文本； <hr />:一条横线；<sub></sub>:上标； <sup></sup>: 下标； <code></code>: 用于表示计算机源代码或者其他机器可以阅读的文本内容。

<base>: 设置页面的基准地址，从而简化地址的书写；

（之后会持续更新········）