# HTML基础
###### 1-Html页面的组成结构
<!DOCTYPE html>
<html>
<head>
<title></title>
<head>
<body>
</body>
<html>
<!doctype html>
例如:百度一下,源代码查看 <!-- 尖括号标签中的内容为>
<!doctype html>
<html class="expanded">
<head>
<!--STATUS OK-->
<meta http-equiv=Content-Type content="text/html;charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
==<!-- meta标签提供有关页面的元信息,比如针对搜索引擎和更新维度的描述和关键词也可以设置网站关键字 >==
<link rel="icon" href="//mbdp02.bdstatic.com/pcnews/static/fisp_static/common/img/favicon.ico" >
==<!-- link ,定义文档与外部资源的关系 >==
<title>百度新闻——海量中文资讯平台</title>
<!-- title标签 网站标题 >
<meta name="description" content="百度新闻是包含海量资讯的新闻服务平台。" >
<script type="text/javascript">
document.write("<script type='text/javascript' src='//news-bos.cdn.bcebos.com/mvideo/pcconf_2019.js?"+new Date().getTime()+"'><\/script>");
</script>
<script type="text/javascript"> window.NEWSLOGURL = 'https://log.news.baidu.com/v.gif'; window.HUNTERLOGURL = '//log.news.baidu.com/u.gif'; window._hmt = window._hmt || [];</script>
<script type="text/javascript" src="//mbdp02.bdstatic.com/pcnews/static/fisp_static/common/resource/js/usermonitor_88a158c.js?v=1.2"></script>
<!-- script标签引入js文件 >
<link rel="stylesheet" type="text/css" href="//mbdp02.bdstatic.com/pcnews/static/fisp_static/common/module_static_include/module_static_include_03c29fd.css"/><link rel="stylesheet" type="text/css" href="//mbdp02.bdstatic.com/pcnews/static/fisp_static/news/focustop/focustop_2701266.css"/></head>
<body>
<div id="header-wrapper" class="clearfix">
<div id="usrbar" alog-group="userbar" alog-alias="hunter-userbar-start"></div>
<p class="city-tip">您所选城市新闻不足,将展示省会新闻</p>
<!-- p标签 定义了一个段落 >
<!--[if !IE]><!--><img src="[https://news-bos.cdn.bcebos.com/mvideo/log-news.png](https://news-bos.cdn.bcebos.com/mvideo/log-news.png)" alt="百度新闻" height="46px" width="137px"><!--<![endif]-->
==<!--两个尖括号的内容为注释 >
==
<h1>h1<h1>
<h2>h2<h2>
<h3>h3<h3>
<h4>h4<h4>
<h5>h5<h5>
<h6>h6<h6>
字体大小标签,从h1到h6字体从大到小
<br> 换行标签
<hr> 换行线
<strong>字体加粗</strong>
<b>字体加粗</b>
<i>斜体</i>
<u>下划线</u>
<sup>上标</sup>
<sub>下标</sub>下
<del>删除线</del>
<font>规定字体属性</font>
size字体大小
color字体颜色
<pre></pre>保留代码缩进。对空行和空格 进行控制
动手写第一个html页面,我选择使用VScode
打开VScode 随便写点东西
保存为html文件,点击左边的三角形“运行和调试”
在页面点击鼠标右键,选择“查看页面源代码”
一个简单的html页面。