常用HTML标签---1

今天花了一天时间把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页面的！

猜你喜欢