常见标签

HTML基础结构：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
</body>
</html>

html标签：之间的内容标记网页
title标签：网页的标题
body标签：标记可见的网页内容
head标签：包含文档的元数据。在HTML中，元数据具有关于文档中的内容和标记的信息。它还包括脚本和对外部资源的引用，例如CSS样式表。
head 中的 title 元素必选的元素; 其他元数据元素是可选的。
p标签：表示一个段落

<p>段落</p>

hr:水平线
div标签：不具有特定含义，通常用来创建页面布局
span标签：将一个全局属性应用于内容区域

<!DOCTYPE HTML>
<html>
<style>
.myClass {
  border: thin solid black;
  padding: 1px;
}
</style>
</head>
<body>
  I like <span class="myClass">CSS</span> and
  <span class="myClass">HTML</span>.
</body>
</html>

运行结果：
HTML笔记--（二）常见标签

标题字标签：
h1到h6字体大小逐渐减小

<!DOCTYPE HTML>
<html>
<body>
    <h1>标题1</h1>
    <h2>标题2</h2>
    <h3>标题3</h3>
    <h4>标题4</h4>
    <h5>标题5</h5>
    <h6>标题6</h6>   
</body>
</html>

运行结果：
HTML笔记--（二）常见标签

修饰文字标签：

<strong>粗体文字</strong>
<em>斜体字</em>
<u>带下划线文字</u>
<sup>...</sup>上标标签
<sub>...</sub>下标标签

修饰字体标签：

<font size="字号" color="字体颜色" face="字体">文字内容</font>

列表：
ul无序列表：type属性决定了列表项的项目符号，默认为dics，为黑色实心圆。
ol有序列表：type属性的值有“1、A、a等”，start属性可以决定列表中第一个项目的序数值
type属性现在已经过时，可以使用list-style-typeCSS属性控制要使用的项目符号

<!DOCTYPE HTML>
<html>
<body>
  I like:
  <ul type="dics">
    <li>HTML</li>
    <li>CSS</li>
    <li>Javascript</li>
  </ul>
</body>
</html>

超链接：
a元素可以创建超链接

<a href="所指向的链接的地址">链接名称</a>
<a href="tel:电话号码">给某人打电话</a>
<a href="mailto:邮箱">给某人发邮箱</a>
<!--1.超链接
	2.锚点（定位）
	3.打电话、发邮件-->

特殊符号：
例如空格： 回车：<br>标签
HTML笔记--（二）常见标签

HTML笔记--（二）常见标签

常见标签

相关推荐