html简介
什么是html?
超文本标记语言是一种可以用来结构化web内容并给予其含义和目标的编码语言
- html不是程序语言,是标记语言
- 他是有一系列元素(elements)组成,不用的元素有不同的功能
嵌套元素
元素之间可以相互嵌套
<p>我们是祖国的<strong>美丽的</strong>花朵</P>
空元素
空元素没有内容,比如img
,他是用来嵌入图片的
<img src="images/1.png" alt="祖国的花朵”
HTML文档的基本结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
-
<!DOCTYPE html>
文档类型声明 -
<html>
包含整个页面内容 -
<head>
包含页面描述,css样式等,但不会被用户看到 -
<body>
用于包含给与用户看到的页面的内容 -
<meta charset="UTF-8">
初始化页面字符集 -
<title>
设置页面标题
html文本
标题与文本
<h1>最大的标题</h1>//h1~h6 代表了6个不同层级的标题
<p>这是一个段落</p>//这是一个段落
列表
html中列表分为无序列表和有序列表
无序列表
ul
有序列表
ol
嵌套列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
em 与 strong
<em>
是斜体起到强调作用
<p>这是一个<em>段落</em></p>
strong
粗体 也起到强调作用 强调层级比em高
<p>这是一个<strong>段落</strong></p>
描述列表<dl><dt><dd>
<dl>
<dt>html</dt>
<dd>一个文本标记语言</dd>
<dt>css</dt>
<dd>css层叠样式</dd>
</dl>
缩写
<abbr title="hypertext markup Language">
<p><abbr title="hypertext markup Language">html</abbr></p>
超链接
<a href="https:/bing.com">
网友评论