html入门

<!--前端开发之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>为一条横线-->
    你好&nbsp中国			<!--&nbsp为空格符-->
    你好<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>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值