<html lang="en">
<head>
<meta charset="utf-8" >
<title>淘宝网哼!!</title>
<!--charset叫编码字符集 utf-8代表万国码 unicode title是页脚标-->
</head>
<body>
life is shit!!美好的生活
<p>独占一行</p>
<div style="width:100px;height:100px;background-color: red;">你好<p></p>服务<p></p>哈哈哈哈哈或或或或</div>
<!-- 布局标签:
大盒子div :独占一行
小盒子span :一行可放多个-->
<h1>标题标签:h1-h6</h1>
<strong><em>strong加粗 em斜体</em></strong>
<em>斜体</em>
<del>$50</del>
<!--del是有中划线的标签-->
<!--三个功能:独成一段,更改字体大小,加粗字体-->
<address>地址标签</address>
你好 中国
<!-- 代表空格
<等于< >等于>
<br><br><br>换行
<hr>水平分割线
-->
<ol type="a" reversed="reversed" start="2">
<li>哈哈</li>
<li>呵呵</li>
<li>嘿嘿</li>
</ol>
<ul type=>
<li>hahaha</li>
<li>haha</li>
<li>houhou</li>
</ul>
<!--
列表标签:
ol 有序列表(order list)
ul 无序列表(unorder list)
ul type="disc" 默认discircle 实心圆 square 方块 circle 圈
大功能由功能子项组成,
-->
<img src="" alt="" title="">
<!--
img标签 网页中插入图片
属性:
一.src(source):图片路径
引入图片三种方式:
1.网上url
2.本地相对路径(图片和HTML文件在同一文件夹下) src="123.jpg"
3.本地绝对路径(图片和html文件在不同文件夹下)src="D:a/b/123.jpg
二.alt:图片未加载时显示文字(图片占位符)
三.title:光标悬停显示文字(图片提示符)
四:width、height、px:宽度、高度、像素
-->
<!--
超链接标签<a> anchor锚点
a href="" hypertext reference超文本引用
a标签
原始功能可作为锚点记录位置使用 可做置顶
a标签可以打电话 发邮件 <a href="tel:0000">打电话</a>
<a href="mailto:0000@qq.com">打电话</a>
<a href="javascript">你点我试试</a>
-->
<a href="https://www.baidu.com"
style="width: 100px;" target="blank">www.baidu.com</a>
<br>
<a href="javascript:while(1){alert('你是猪')}">你点我试试</a>
<!--
while 无限循环 alert 弹出框
括号内判断条件真假 二进制
-->
<form method="get">
<p>
用户名: <input type="text" name="username">
</p>
<p>
密码:<input type="password" name="password">
</p>
<input type="submit" name="" >
水果<input type="radio" name="亲亲">
蔬菜<input type="radio" name="亲亲">
肉肉<input type="radio" name="亲亲">
</form>
<!--
form表单标签
method="get/post" 发送数据的方式
get
post
action="" 发送给谁
input标签
常用type属性:
text文本框
password密码框
submit提交
radio单选框
checkbox复选框
-->
</body>
</html>