• HTML常用标签


    html:超文本标签语言
    基础模型:
    <html>
          <head>
                 <title>HTML示例</title>
                 <style type="text/css">
                 
                 </style>
          </head>
          <body>
                       <script type = "text/javascript">
                       
                       </script>
          </body>
    </html>
    空格:&nbs
    转意:小于号=$lt; 大于号=&gt;
    标题标签:<h1></h1>
    列表标签:<dl></dl> 上层项目:<dt></dt> 下层项目内容:<dd></dd>有自动缩进效果
    有序项目列表:<ol><li></li><li></li><li></li></ol>  
    无序项目列表:<ul><li></li><li></li><li></li></ul>  
    注释:<!--html注释-->
    分行换行:<hr/>
    换行:<br/>
    图像标签:<img src="图片路径" height=350 width=500 border=10 alt="图片说明文字" />
    表格标签:<table border=1 bordercolor="bule" cellpadding=10 cellspacing=0 ><tr><th colspan=2 rowspan=2>加粗并居中</th></tr><tr><td></td></tr></table>   表格的下一级标签是<tbody></tbody>不写也存在
    表格标题:<caption>标题</caption>
    超链接标签:<a href="http://www.sina.com.cn" target="_blank">新浪网站</a> 使用此标签需要指定协议,默认协议是file,网址是http,邮件是mailto<a href="mailto:wangyinxu@126.com">联系我们</a>  <a href="javascript:void(0)" onclick="alert('弹出框效果')"></a>  
    超链接定位标记:
    <a name=top>顶部位置</a>
    <hr/>
    <img src="图片路径">
    <hr/>
    <a name=center>中间位置</a>
    <hr/>
    <img src="图片路径" width=500 height=900>
    <hr/>
    <a href="#top">回到顶部</a>
    <a href="#center">回到中部</a>
    框架标签:
    <frameset rows="30%,*">
       <frame src="top.html" name="top">
       <frameset cols="30%,*">
           <frame src="rigth.html" name="right"/>
           <frame src="left.html" name="left" />
       </frameset>
    </frameset>
    left.html内容:<a href="../imgs.htm" target="rigth"></a>
    画中画标签:<iframe src="table.html" height=400 width=600>画中画标签</iframe>
    表单标签:<form>姓名:<input type="text" name="user" value="haha"/><br/>姓名:<input type="password" name="psd" /><br/>性别:<input type="radio" name="sex" value="nan"/><input type="radio" name="sex" value="nv" checked="checked"><br/>职业:<input type="checkbox" name="gcs"value="cs"/>测试工程师<input type="checkbox" name="gcs"value="kf"/>开发工程师<input type="checkbox" name="gcs"value="yw"/>运维工程师<br/><input type="reset"value="清除数据" /><input type="submit"value="提交数据"><br/><input type="button" value="按钮" onclick="alert('hello')"><br/><input type="imge" src="图片路径该图片用于提交操作" /><br/><input type="file" name="file" ><br/><input type="hidden" name="sdfg" value="value"/></form>
    下拉菜单标签:
    <select name="country">
        <option value="none">--选择国家--</option>
        <option value="china" selected="selected">中国</option>
        <option value="usa">美国</option>
    </select>
    文本框标签:<textarea name="text"></textarea>
  • 相关阅读:
    memset使用技巧
    04.碰撞反应
    03.键盘状态跟踪与精灵删除
    02.基本动作
    01.基本图形
    00.入门
    03.交互--鼠标,键盘
    02.action--新增精灵知识点
    01.helloworld--标签
    05.声音
  • 原文地址:https://www.cnblogs.com/wangyinxu/p/7119319.html
Copyright © 2020-2023  润新知