MirrorBlog

网页设计技术

Mirrorcloud

什么是HTML？
HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML标签

HTML 标签是由尖括号包围的关键词，比如 <html>

HTML 标签通常是成对出现的，标签对中的第一个标签是开始标签，第二个标签是结束标签

标签与标签之间是可以嵌套的，但先后顺序必须保持一致，如：<div>里嵌套<p>，那么</p>必须

放在</div>的前面。

HTML基本结构

一个HTML文件是有自己固定的结构，如下所示：

<html>

<head>...</head>

    <body>...</body>

</html>

代码讲解：

  1. 称为根标签，所有的网页标签都在中。
  2. 标签用于定义文档的头部，它是所有头部元素的容器。头部元素有、<script>、</p></li> </ol> <p><style>、<link>、 <meta>等标签，头部标签在之后会详细介绍。</p> <ol start="3"> <li><p>在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签，在这里的标签中的内容会在浏览器中显示出来。

在head中设置网页标题和字符集编码

<head>

    <title>这里是标题</title>

    <meta charset="utf-8"/>

</head>

HTML 段落标签

如果想在网页上显示文章，这时就需要<p>标签了，把文章的段落放到<p>标签中。

<p>段落 </p>

<p>标签的默认样式，段前段后都会有空白

HTML 换行标签

如果希望在不产生一个新段落的情况下进行换行（新行），请使用 <br /> 标签：

<p>This is<br/>a para<br/>graph with line breaks</p>

HTML标题
标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标

题、五级标题、六级标题。并且依据重要性递减。

HTML 水平线

<hr /> 标签在 HTML 页面中创建水平线,可用于分隔内容。

<p>This is a paragraph</p>

 <hr />

<p>This is a paragraph</p>

<hr />

<p>This is a paragraph</p>
退出移动版