<!--前端开发之html入门-->
<!DOCTYPE html> <!--html5版本说明-->
<html lang="en"> <!--language = english即为英文网站,用谷歌浏览器打开会认为他是英文网站,会自动翻译-->
<head>
<meta charset="UTF-8"> <!--告诉浏览器以utf8格式读代码-->
<title>你好</title> <!--显示在浏览器标签页上的字-->
</head>
<!--告诉浏览器以utf8格式读代码-->
<title>你好</title> <!--显示在浏览器标签页上的字-->
</head>
<body> <!--正文部分-->
<h1>标题</h1><hr> <!--h1为大标题,h1-h5标题由大变小,<hr>为一条横线-->
你好 中国 <!-- 为空格符-->
你好<br>中国 <!--br为换行-->
<img src="imag/IMG_20150101_151822.jpg" alt="常工院与王老师合影" width="300" height="300"><!--下级目录-->
<!--<img>图像单标签,src图像来源,后面加后面加文件路径>同级直接加文件名,上级用../,alt后为图片无法解释时显示的内容,width跟height为像素属性-->
<!--<img>图像单标签,src图像来源,后面加后面加文件路径>同级直接加文件名,上级用../,alt后为图片无法解释时显示的内容,width跟height为像素属性-->
<img src="C:\IMG_20141111_182309.jpg" alt="测试" width="300" height="300"> <!--硬盘绝对路径-->
<img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=3886949939,3854186843&fm=58"> <!--网络绝对路径-->
<!--网络绝对路径-->
<a href="http://www.njxzc.edu.cn/" target="_blank" title="点击有惊喜">南京晓庄学院</a> <!--超链接<a>,href属性为需要跳转到的网站> <!--target="_blank",用另外一个页面打开-->
<!--超链接<a>,href属性为需要跳转到的网站> <!--target="_blank",用另外一个页面打开-->
<ul> <!--无序列表,前面无序号-->
<li>JAVA</li> <具体项>
<li>Python</li>
<li>C++</LI>
</ul>
<具体项>
<li>Python</li>
<li>C++</LI>
</ul>
<ol> <!--有序列表-->
<li>JAVA</li>
<li>Python</li>
<li>C++</li>
</ol>
<table width="300xp" bgcolor="#f0ffff" cellpadding="1px" cellspacing="2px" border="1px" align="right"> <!--表格标签,单元格宽、背景颜色、内容到边框距离、
单元格之间的距离,边框粗细、默认对齐方式-->
-->
<tr> <!--行-->
<td bgcolor="red">单元格</td> <!--列,背景颜色为red--> <td> <table> <!--可嵌套--><tr> <td>l</td> <td>2</td> <td>3</td></tr> </table></td> <td>单元格</td> </tr></table>
<form name="form1" action="" method="post"> <!--表单标签,名字,提交处理的页面,提交方式,默认为get-->
用户名:<input name="username" type="text" value="英文、字母、数字"></input> <!--单文本框类型text,默认显示值-->
密码:<input name="password" type="password"></input><br> <!--单文本密码方式-->
篮球: <input name="d1" type="radio" value="0"></input> <!--单选框,类型radio,value为默认选中-->
<br>选择城市:<br>
北京<input name="c1" type="checkbox" value="010" checked=""></input> <!--复选框,类型checkbox,value为传送值,checked为默认选中标志-->
上海<input name="c2" type="checkbox" value="001"></input>
广州<input name="c3" type="checkbox" value="100"></input>
<select name="select"> <!--下拉框,两个标签,select和具体选项option,value为传送值-->
<option value="1">上海</option>
<option value="2" selected>北京</option>> <!--selected为默认选中值-->
</select>
<br> 留言:<br>
<textarea name="word" cols="100" rows="8">输入吧!</textarea> <!--多行文本标签textarea,长度,行数-->
<input name="file" type="file"> <!--上传文件标签,固定值file-->
<input name="submit" type="submit" value="提交"> <!--提交标签,固定值submit,value为显示在按钮上的文字-->
<br>
<input name="reset" type="reset"> <!--重置标签,固定值reset-->
</form>
</body>
</html>