HTML+CSS入门之HTML学习第一节-职坐标

HTML+CSS入门之HTML学习第一节

沉沙 2019-06-11 来源：阅读 940 评论 0

摘要：本篇文章探讨了HTML+CSS入门之HTML学习第一节，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

本篇文章探讨了HTML+CSS入门之HTML学习第一节，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

HTML+CSS入门之HTML学习第一节

一、编程语言：
1、HTML：超文本标记语言。
      XHTML：可扩展超文本标记语言。
      XML：可扩展标记语言。
2、标签：
闭合标签：<标签 >内容</标签>
单体标签：<标签 />记得中间有一个空格。
二、XHTML文档的基本结构
<html>
<head>
<title>页面标题</title>
</head>
<body>
见面正文内容
</body>
</html>
三、特殊符号
         标记                                                            含义
<p>……</p>                                                     段落
<br/>                                                                  软回车
©                                                               版权符号
®                                                                  注册商标
                                                                不间断空格
>                                                                    大于号（">"）
<                                                                     小于号（"<"）
&                                                                 &(如：想写Tom&John)
"                                                                ""(双引号，不区分方向）
&#39；                                                             '（单引号，不区分方向）
四、文本样式
加粗                 <b>文本</b>或者<strong>文本</strong>一般用后者
倾斜                 <i>文本</i>或者<em> 文本</em>一般用后者
下划线             <u>文本</u>
删除线             <s>文本</s>
上标                 <sup>文本</sup>
下标                 <sub>文本</sub>
五、标题
<h1>内容</h1>

<h2>内容</h2>
<h3>内容</h3>
<h4>内容</h4>
<h5>内容</h5>
<h6>内容</h6>
六、项目符号和编号
1、项目符号
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
……
……
</ul>
2、编号
<ol>
<li>内容</li>
<li>内容</li>
<li>内容</li>
……
……
</ol>
七、图像的标记
<img src="路径" alt="替代文本" width="宽度" height="高度" />
格式：<标记属性="属性值" 属性="属性值" />
八、路径讲解
1、绝对路径：网络绝对路径如：//www.baidu.com
2、相对路径：从当前文件出发来找目标文件
      A、当前文件和目标文件位置平行--->直接写目标文件全称
      B、当目标文件所在的文件夹与当前文件平行--->目标文件夹/目标文件
      C、当前文件所在文件夹与目标文件位置平行
注：
向上一级： ../目标全称
向上二级： ../../目标全称
向上三级： ../../../目标全称
以此类推即可。