今天花了一天时间把HTML的常用标签学了,感觉不算太难,但是要记得标签内容挺多的,需要经常看!
下面直接给出代码,根据代码来讲解html标签的意思:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="keywords" content="学习 医学 视频"> 这是关键字搜索 <meta name="description" content="碧航出品,医学生的学习天堂"> 这是网页描述 <title>碧航学习网站</title> 网页标题 <link rel="icon" href="http://www.baidu.com"> 网页的图标 <link rel="stylesheet" href="text.css"> 网页的css代码 <script src = "hello.js"></script> 网页的js代码 </head> <body> <h1>这是标题标签</h1> <p>这是段落标签</p> <b>这是加粗标签</b> <br> <strike>这是下划线标签</strike> <div>这是一个div标签 所占的空间是一行</div> <span>这是一个span标签 所占的空间是自己所包括的文本</span> <br> <img src="图片的地址" alt="当图片不显示才显示的文字" titie = "当鼠标在图片上所显示的文字"> <!--img的width和height基本不用,会用css来代替--> <br> <a href="图片地址" target="_blank">这是一个超链接的名字</a> <ul> <li>这是一个无序列表的标签</li> <li>二五</li> <li>歪打</li> </ul> <ol> <li>这是一个有序标签</li> <li>是的</li> <li>啥事</li> </ol> <dl> <dt>第一章</dt> <dd>第一节</dd> <dd>第二节</dd> </dl> </body> </html>
这就是基本的并且常用的html标签,学了这些就基本够用了,然后不会的那些部分当我们想要用的时候,再去上网查,这样我们就很轻松地把html学会了。
接下来我学了html表单,这可是html中的重头戏,表单是浏览器和服务端交流的方式。
接下来介绍html中表单中的标签,一张代码和一张解释图片就能彻底解决html的问题了。
<form action="http://127.0.01:5000" method="post">
用户名:<input type="text" name = 'username'>
<br>
密码:<input type="password" name="password">
<br>
爱好: 音乐:<input type="checkbox" value="music" name="hobby"> 电影:<input type="checkbox" value="movie" name="hobby">
<br>
性别:男<input type="radio" value="man" name="gender"> 女<input type="radio" value="women" name="gender">
<br>
<input type="reset" value="重置">
<br>
<input type="button" value="按钮">
<br>
<input type="submit" value="提交注册">
<br>
<select name="provice">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
</select>
<br>
<textarea name="text" id="" cols="30" rows="10">
</textarea>
</form>
接下来一张图来解释上面的的含义
这以上的内容基本就是常用的html标签,对于设置他们的属性,下一篇再讲CSS如何渲染html页面的!