WEB_HTML标签

<!--
注释

HTML页面的基本结构

html标签
  head: 页面的设置和文件的导入
  body: 要显示在页面上的标签
-->
<!--h 代表标题标签-->
<!--hr标签 代表分割线-->
<!--br标签 代表指定的换行-->
<!--p 段落标签(处理文字)-->
<!--em 斜体标签-->
<strong>加粗标签</strong>
<!--a 超链接标签-->
<a href="#top">回到顶部</a>

<!--图片-->
<!--绝对路径是指完整的文件路径-->
<!--相对路径是以当前目录为准,相对的获取文件路径-->
<!--./xxx.jpg 就是获取当前目录下的图片-->
<!--../xxx.jpg 就是获取上级目录下的图片-->
<img src="11.jpeg" title="11" alt="测试" width="400">

<!--表格-->
<!--一个'tr'代表一行.'th'代表表头. border 代表边框的意思-->
<table border="1">
<!--Emmet语法  table>(tr>th*4)+tr*5>td*4-->
<!--可以提升html的书写速度-->
<!--action代表发送地址是什么-->
<!--
http://www.baidu.com/s?wd=内容&zhang=内容
-->
<form action="https://www.baidu.com/s">

    <!--文本输入框-->
    <input type="text" name="wd">

    <input type="text" name="zhangsan">

    <!--提交按钮-->
    <input type="submit">
    
</form>

<!--写一个登录页面  &nbsp;表示空格  label表示绑定  placeholder占位  checked默认选择
 <div align="middle">居中-->
<button>删除</button>
<!--单选框-->
    <label> <input type="radio" name="gender" value="0">男</label>
    <label><input type="radio" name="gender" value="1" checked>女</label>
<!--多选框-->
    <input type="checkbox"name="hobby" value="1">玩游戏
    <input type="checkbox"name="hobby" value="2">睡觉
    <input type="checkbox"name="hobby" value="3">吃饭
<!--下拉菜单-->
    <select name="year" id="">
        <option value="1999">1999</option>
        <option value="2000">2000</option>
        <option value="2001">2001</option>
        <option value="2002">2002</option>
    </select>
<!--上传文件-->
    <input type="file">
 <!--上传图片-->
    <!--<input type="image" alt="11" >-->
<!--上传大量文本-->
    <textarea name="t" id="kk" cols="30" rows="10">

    </textarea>
<!--重置-->
    <input type="reset">
<fieldset>加框  </fieldset>


posted @ 2019-04-02 20:43  许振东  阅读(403)  评论(0编辑  收藏  举报