html-组成页面的基础标签 · 小白学电脑

html-组成页面的基础标签 1. 假如你是html标准的制定者，你想要哪些功能的标签？ 2. p标签（段落标签） 3. h系列标签（标题标签） 4. img标签（图片标签） 1. 假如你是html标准的制定者，你想要哪些功能的标签？　　前一节说过了，html是用来排版的语言，那排版到底需要什么样子的功能呢？这时我们会不自觉的想到word这款软件是吧，word可以设置段落，可以设置标题，可以插入图片，视频等外部资源，可以插入一些超链接等等，word都可以的功能，html自然也是可以的，并且html提供给编程者的自由度更大（因为源代码是自己写的，嘻嘻）。 2. p标签（段落标签）代码： <html> <body> <p>这是段落。</p>这是段落外的内容。 <p>这是段落。</p> <p>这是段落。</p> <p>段落元素由 p 标签定义。</p> </body> </html> 结果截图： document/2015-10-07/5614e87ea7789 分析： p标签要独占一行，它后面的内容要另起一行（也就是说它是一个块元素）。可以看到第二个段落也会另起一行，即使它的前面是普通的文字。浏览器会自动地在段落的前后添加空行。 3. h系列标签（标题标签）标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。 <h1> 定义最大的标题。<h6> 定义最小的标题。代码： <html> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> <p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p> </body> </html> 结果截图： document/2015-10-07/5614ed8103af3 分析： h系列标签也是块元素。 h系列标签中的内容会有粗体的效果，并且会自动地在前后添加空行。 4. img标签（图片标签）在 HTML 中，图像由 <img> 标签定义。 img标签有一个核心属性，src（中文称为源属性），src为引入图像的url地址。 img标签并没有闭合标签，所以img标签的基本书写格式为： <img src = "url地址"/> 那这个URL地址该怎么写呢？好，此处我觉得认为来了自开写以来的第一个重点，也可以作为初学者的难点（至少我在初学的时候在此处绕了不少弯的），也就是URL这个定义，期间会说到比如绝对路径与相对路径的概念，所以，为了不愚弄后人，我认为此处应该单独拿出一个章节来重点说一下，内容不仅仅只包括html中内容，还会有比如php中的路径问题，并且好多东西我相信即使是开发了好几年的人也处于迷糊状态，因此，大家一定要把这一块一开始就吃透，我在这里给你们加油！！那下面我们先浅显的说一下，该怎么引入一张图片： 1、绝对URL 绝对URL（absolute URL）显示文件的完整路径，这意味着绝对URL本身所在的位置与被引用的实际文件的位置无关。如 <img src = "c://users/hehanlin/logo.gif"/> 2、相对URL 相对URL（relative URL）以包含URL本身的文件夹的位置为参考点，描述目标文件夹的位置。如果目标文件与当前页面（也就是包含URL的页面）在同一个目录，那么这个文件的相对URL仅仅是文件名和扩展名，如果目标文件在当前目录的子目录中，那么它的相对URL是子目录名，后面是斜杠，然后是目标文件的文件名和扩展名。如果要引用文件层次结构中更高层目录中的文件，那么使用两个句点和一条斜杠。可以组合和重复使用两个句点和一条斜杠，从而引用当前文件所在的硬盘上的任何文件，一般来说，对于同一服务器上的文件，应该总是使用相对URL，它们更容易输入，而且在将页面从本地系统转移到服务器上时更方便，只要每个文件的相对位置保持不变，链接就仍然是有效地。以下为建立路径所使用的几个特殊符号，及其所代表的意义。 .：代表目前所在的目录，相对路径。如：<a href="./abc">文本</a> 或 <img src="./abc" /> ..：代表上一层目录，相对路径。如：<a href="../abc">文本</a> 或 <img src="../abc" /> ../../：代表的是上一层目录的上一层目录，相对路径。如：<img src="../../abc" /> /：代表根目录，绝对路径。如：<a href="/abc">文本</a> 或 <img src="/abc" /> D:/abc/：代表根目录，绝对路径。在使用相对路径时，我们用符号“.”来表示当前目录，用符号“..”来表示当前目录的父目录。