zoukankan      html  css  js  c++  java
  • html的诸多标签

    1.p和br标签

    p表示段落,默认段落之间是有间隔的!
    br是换行
    hr是一条水平线
    

    2.a标签,超链接

    <a href="http://www.baidu.com" target="_blank">点我</a>
    href表示跳转的地址,target="_blank"表示新窗口打开,默认为当前页
    锚点定位(跳转到id)
    <a href="#live">3 个人生活</a><br />
    <h3 id="live">个人生活</a>
    base标签-可以设置整体链接的打开状态
    <base target="_blank"/>  写在head中,这样就让所有a标签都是点击之后打开一个新窗口,
    但某个a标签我不想这样,那就target="_self",默认是self
    

    3.h标签:标题h1、h2、h3、h4、h5、h6表示不同的大小

    4.span标签-行内标签-白板

    5.div标签-块级标签-白板,可以加属性然后可以变身

    6.处理字体的标签

    <b></b>和<strong></strong>文字以粗体方式显示(推荐strong)
    <i></i>和<em></em>文字以斜体方式显示(推荐使用em)
    <s></s>和<del></del>文字以加删除线方式显示(推荐使用del)
    <u></u>和<ins></ins>文字以加下划线方式显示(不赞成使用u)
    

    7.<img />标记属性

    sec-URL-图像的路径(相对路径、绝对路径)
    alt-文本-图像不能显示时的替换文本
    title-文本-鼠标悬停时显示的内容
    width-像素-宽度(XHTML不支持%页面百分比)给个宽度一般会等比例缩放
    height-像素-高度(XHTML不支持%页面百分比)
    border-数字-设置图像边框的宽度
    

    8.特殊字符:空格:&nbsp;大于:&gt;小于:&lt;版权:&copy;

    9.注释标签<!-- 注释内容 -->

    10.列表标签

    无序列表:<ul><li>qwe</li><li>qwe</li></ul>
    有序列表:<ol><li>qwe</li><li>qwe</li></ol>
    自定义列表:<dl><dt>服务支持</dt><dd>自助服务</dd><dd>相关下载</dd></dl>
    文件底部用<dl>更合理一些:dd中的内容对dt中的进行解释
    

    11.table列表之简单单元格

    <thead>、<tbody>浏览器会帮你生成,分别是表头、表内容,
    <tr>指:行row,<td>指:单元格,
    <th>表头标签:让文字加粗且居中
    caption:表格标题,只存在于table标签中
    align:设置表格的水平对齐方式(left、right、center)
    cellspacing:单元格和单元格之间的距离
    cellpadding:内容和单元格边框的距离
    三参为0,还有一个border,想要让tr中的内容居中,可以在td中让其center,
    可以在tr中写,最优的方式是css
    跨行合并:rowspan;跨列合并:colspan(但是表中没有列这个概念,第几行第几个单元格)
    
    <table border="0" cellspacing="0" cellpadding="0">
        <thead>
        <tr>
            <td>主机名</td>
            <td>IP</td>
            <td>详情</td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>localhost</td>
            <td>127.0.0.1</td>
            <td>点击</td>
        </tr>
        <tr>
            <td>localhost</td>
            <td>127.0.0.1</td>
            <td>点击</td>
        </tr>
        </tbody>
    </table>
    table

    12.input标签

    type:1.text-单行文本输入框;2.password-密码输入框;
    3.radio-单选按钮(同一组的必须命名相同的name,就可以多个只能选一个了);
    4.checkbox-复选框(具有相同的name);5.button-普通按钮;6.submit-提交按钮;
    7.reset-重置按钮;8.image-图像形式的提交那妞;9.fiel-文件域
    checked:选择按钮的默认选项
    

    13.label标签

    用于绑定一个表单元素,当点击label标签时,被绑定的表单就会获得输入焦点
    <label for="username">用户名</label>
    <input id="username" type="text" name="user" />  或者
    <label for="username">用户名:<input type="text" name="user" /></label>
    

    14.select下拉框

    <form action="http://localhost:8888/index" method="post">
    	<select name="city" size="2" multiple="multiple">
    		<option value="1">北京</option>
    		<option value="2">上海</option>
    		<option value="3">南京</option>
    		<option value="4" selected="selected">邯郸</option>
    	</select>
    	<br />
    	<input type="submit" value="提交" />
    	<input type="reset" value="重置" />
    </form>
    action为接收并处理表单数据的url地址,city为提交表单的key值,
    value是提交值,size指定显示的个数,multiple表示可以多选
    
  • 相关阅读:
    php过滤表单提交的html等危险代码
    浅析php过滤html字符串,防止SQL注入的方法
    PHP简单判断手机设备的方法
    如何用Math.max.apply()获取数组最大/小值
    Ubuntu14.04升级到Ubuntu16.04
    4、python数据类型之列表(list)
    3、python数据类型之字符串(str)
    centos7网卡名称修改以及配置
    rsync简单总结
    8、kvm虚拟机添加硬盘
  • 原文地址:https://www.cnblogs.com/fawaikuangtu123/p/9800247.html
Copyright © 2011-2022 走看看