HTML基础
HTML笔记
（1）.计算机语言的概念
计算机采用二进制来识别信息，由0和1组成，人通过二进制和计算机交流，也就是机器语言。由于机器语言难理解，所以将“0 1 ”符号化，形成易于理解的汇编语言。计算机语言和汇编语言都属于低级语言，但对于非专业人员还是难于理解，进而产生了高级语言[\[W用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>标题标签：标题标签用于显示页面的标题信息，既包含了格式信息，同时提供了语义信息 具体形式：
—— （标题标签自带加粗效果）<2.2>段落标签：段落标签标示页面的一个段落，自动换行。 标签名：
例子：<p>床前明月光，</p><p>疑是地上霜。</p><p>举头望明月，</p><p>低头思故乡。</p>
<2.3>链接标签：用于点击跳转 包括页内跳转和页间跳转 标签名： 属性：href——值为链接的url地址； target——值为“_blank/_self/_parent/_top”“在新窗口打开/在当前页打开/在父框架集中打开被链接文档/在整个窗口中打开被链接文档” title——当鼠标移入超链接，显示提示信息（不限于超链接，其他行内标签也可使用）；
例子：<a href="www.cainiao.com" target="_blank" title="我很帅"></a>
使用a的name属性实现跳转的方法：
先需要被跳转到的地方放一个锚点。锚点其实也是一个a标签，只是这个a标签没有href属性，只有name属性，这个name属性就是它的标识，别人要跳转过来，就是按照这个标识。
————————这是被跳转的内容
<a href="\#item">第八回合</a> ————————点击跳转
<2.4>图片标签：在网页中插入并显示图片 标签名： 属性：src——图片的源地址即url width——值为图片的宽度，可自由设置 height——值为图片高度，可自由设置大小。alt——当图片不能正常加载的时候在网页显示的图片提示信息。
例：<img src="../img/1.jpg" height="360" width="480" alt="这是一张图片">
<2.5>其他标签：: 可以将部分文本独立出来；
:换行标签； :加粗文本； :倾斜文本；
:一条横线；:上标； : 下标；
（之后会持续更新········）
- HTML基础知识
「爱情、让人受尽委屈。」
系统管理员
心已赠人
灰太狼
╰+攻爆jí腚メ
还没有评论，来说两句吧...