HTML语言
逻辑格式
<标签名 属性1="" 属性2="" ...>内容</标签名>
标准格式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
HTML标签
1、标题标签 5级别
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
2、无序标签
<ul></ul>
3、列表标签
<li></li>
4、交互标签(文本框)
<input></input>
5、按钮标签
<button></button>
6、有序标签
<ol></ol>
颜色属性
bgcolor=""
HTML网页简单实例
<!DOCTYPE html>
<html lang="en">
<head>
<title>火车超市</title>
</head>
<body bgcolor="#E6E6FA">
<h1>饮料区</h1>
<ul>
<li>可乐</li>
<li>芬达</li>
<li>雪碧</li>
<li>大窑</li>
</ul>
<h1>零食区</h1>
<ul>
<li>薯片</li>
<li>辣条</li>
<li>奥利奥</li>
<li>饼干</li>
</ul>
<h1>收银区</h1>
<h2>购物车</h2>
<ul>
<li>芬达</li>
<li>雪碧</li>
<li>薯片</li>
<li>辣条</li>
</ul>
<h2>收银员</h2>
支付方式:<input></input>
实际付款金额:<input></input>
<button>提交</button>
<h3>收银过程</h3>
<ol>
<li>验钞</li>
<li>找零</li>
<li>交易结束</li>
</ol>
</body>
</html>
效果展示:
其中,
<html lang="en">是向搜索引擎表示该页面是html语言,并且语言为英文网站,其"lang"的意思就是"language”,"en"即表示english
如果是中文页面,可将其改为<html lang="zh">
这个主要是给搜索引擎看的,搜索引擎不会去判断该站点是中文站还是英文站,所以这句话就是让搜索引擎知道,你的站点是中文站,对html页面本身不会有影响
这些现在都是html规范