html文本的结构
<!DOCTYPE html>
<html lang="en">
<!-- 头信息的作用
1.可以设置网页的标题。
2.可以通知浏览器使用指定的编码解析html页面
3.
-->
<head>
<!-- 如果不加utf-8网页内容会乱码 -->
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>这个是我的第一个网页</title>
<!--
下面这个是用来描述网页的关键字的
主要用来描述网页是用来做什么
一个网页的关键字最好是3-4个
因为关键字有权重问题
这个主要是seo 网站推广人员做的 搜索引擎优化
-->
<meta name="keywords" content="沐沐,c++"/>
</head>
<!--
网页的内容应该写在body标签里面
只要往里面写内容就会在网页里面展示出来
-->
<body>
今天天气不错....
</body>
</html>
常用标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>常用标签</title>
<!--
html常用的标签:
<h1>-<h6>表示是一个标题
<p> 段落标签
空格
<hr/> 水平线标签
<br/>换行的标签
<sub> 下标
<sup> 上标
<pre> 原样标签 里面的内容按照原样输出
<ol> <li> 有序的列表标签
<ul> <li> 无序的列表标签
<dl> <dt> <dd> 项目列表标签
<span> 行内标签
<div> 块标签 会独立占一行
html的标签作用:用于描述一个网页的结构的。
如果需要操作数据的样式,是要操作标签的属性的
标签的类型:
1.有开始标签与结束标签
2.开始标签与结束标签都是在一个标签体内的
-->
</head>
<p>
<!-- 操作属性使标题居中 -->
<h1 align="center">标题1</h1>
<h2 align="center">标题1</h2>
<h3 align="center">标题1</h3>
<h4 align="center">标题1</h4>
<h5 align="center">标题1</h5>
<h6 align="center">标题1</h6>
<!-- 添加段落 -->
<p> 今天天气不错....,这个是常用标签的描述,今天天气不错....,这个是常用标签的描述,今天天气不错....,这个是常用标签的描述,
今天天气不错....,这个是常用标签的描述,今天天气不错....,这个是常用标签的描述,今天天气不错....,这个是常用标签的描述,</p>
<p> 今天天气不错....,这个是常用标签的描述,今天天气不错....,这个是常用标签的描述,今天天气不错....,这个是常用标签的描述,
今天天气不错....,这个是常用标签的描述,今天天气不错....,这个是常用标签的描述,今天天气不错....,这个是常用标签的描述,</p>
<!-- 添加一个水平线 -->
<hr/>
水的化学式:H<sub>2</sub>O<br/>
2的16次方:2<sup>16</sup>
<hr/>
<pre>
静夜思
窗前明月光,疑是地上霜。
举头望明月,低头思故乡。
</pre>
<hr/>
今晚吃啥好呢?
<!-- 有序的列表 -->
<ol type="a">
<li>火锅</li>
<li>烤鱼</li>
<li>串串</li>
</ol>
中午吃啥好呢?
<ul type="square">
<li>扬州炒饭</li>
<li>白斩鸡</li>
</ul>
公司的组织架构:
<dl>
<dt>技术总监</dt>
<dd>产品经理</dd>
<dd>产品经理</dd>
<dd>产品经理</dd>
<dd>产品经理</dd>
<dt>人事经理</dt>
<dd>hr</dd>
<dd>hr</dd>
<dd>hr</dd>
<dd>hr</dd>
</dl>
<span>sssssssss</span>这是一个很复杂的世界,<div>卡卡卡卡卡卡卡卡卡卡</div>
</body>
</html>
实体字符
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>常用的实体标签</title>
<!--
实体标签:
空格
& &
" "
-->
</head>
<body>
段落标签是使用<p>标签&gt;
"双引号"
</body>
</html>