Html_Note

HTML 是 Web 上的通用标记语言。XML 被设计用来描述、存储、传送及交换数据。

1.结构:

<html>

<head>……</head>

<body>……</body>

</html>

************

html:根标签

head:文件的属性和信息

    <title></title>:浏览器标题栏

2.body:网页内容

   0).<hx>标题<hx>

   1). <p>段落文本</p>

            <em></em>

            <strong></strong>

            <span></span>

                span{……}

    2).<q>引用文本</q>

        <blockquote>长引用文本</blockquote>

    3).<br />:回车

        &nbsp:空格

        <hr />:水平横线

    4).<address>地址</address>

        <code>单行代码</code>

        <pre>大段代码</pre>——预显示格式

    5).<ul>:无序信息列表

            <li>……</li>

        </ul>

        <ol>

            <li></li>:自动生成序号

        </ol>

    6). table

            <table>/<table summary="……">  ————表格摘要

                <caption>table title</caption>

                <tbody>……</tbody>

                <tr>                    table row cell

                    <th></th>    table head

                </tr>

                <tr>

                    <td></td>    table cell

                </tr>

           </table>

            ********************添加边框(CSS)*******************

        7).链接

            i.    链接网址

                <a    href="website"    title="鼠标滑过的显示"    target="_blank"> ————target……:打开新的标签页

                链接文本

                </a>

            ii.    链接邮箱mail to

                   <a    href="mailto:xx@163.com?subject=&body="> ————cc:抄送,密件抄送:bcc,;可分隔多个邮箱地址 

                    </a>

        8).picture

            <img    str="图片地址"    alt="下载失败的替换显示文本"    tilte="鼠标滑过的提示文本">

3. 表单标签——用户交互    

        1).<form    method="get/post"    action="">

            </form>

        2).文本框:

        框文字

        <input    type="text/password"    name="命名(后台用)"    value="文本(设置默认值)"/>

        3).文本域

        <textarea    cols="10"    rows="10">在这里输入内容……

        </textarea>

        4).单选框

        <input    type="radio"    value=""    name=""    check=""checked/>

        *****同一组的单选name值一定要一致********

          多选框

        <input    type="checkbox"    value=""    name=""    check=""checked/>

        5).下拉列表框

        <select>————属性multiple="multiple"可多选(ctrl+单击)

            <option    value="xxx">xxx</option>

            <option    value="yyy"    select=selected>yyy</option>  ————默认选择

        </select> 

        6).提交框

        <input    type="submit"    value="提交(框里的值)"    name="submitBtn"/>   

        7).重置框

        <input    type="reset"    value="重置(框里的值)"    name="resetBtn"/>  

        8).label

         <label for="">…</label>

        <input    type=""    name=""    id=""/>

        **********for和id的内容要一致************           

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值