HTML学习笔记

<!DOCTYPE html>

<html>

<head>

    <mate charset='UTF-8'>

    <title>标题</title>

    <style>样式

    </style>

</head>

<body>

a标签属性中target=‘_blank’在新标签页中打开超链接

本页面内链接,在连接前加上#+标签id      <a href=#abc>跳到abc</a>


<form action=''  method=''  enctype=''>

input标签类型:text文本   password密码  checkbox多选   radio 单选(单选与多选的值用value传输,前面的文字只是显示在窗口) file文件      name与value组成键值对传给后端

submit提交   reset重置     button按钮    


<select>选择

    <option value=''></option>

    <option value=''></option>

</select>



<textarea>大文本</textarea>

 </form>


input灰色值  placeholder=‘’

input用<laber>套起来,点击laber中的文字,相当于点击input </laber>


<table border='1px' cellpadding='5px'   cellspacing='5px'>

              ↑ ↑边框             ↑ ↑内边距                  ↑ ↑外边距

    <thead>(可有可无)

        <tr>

            <th>加黑加粗</th>

        </tr>

    </thead>

    <tbody>(可有可无)       

         <tr>

            <td rowspan='2'     colspan='2'> 11</td>

                     ↑ ↑站两行           ↑ ↑站两列  

        </tr>

    </tbody>

</table>

列表

无顺序标签

<ul>

    <li></li>

</ul>

有顺序标签

<ol>

    <li></li>

</ol>

<ul>

自定义列表


<dl>

    <dt>

        <dd></dd>

    </dt>

</dl>





</body>

</html>


标签分内联标签(不独占一行)和块级标签(独占标签),内联标签中只能嵌套内联标签,不能嵌套块级标签,块级标签中p标签不能嵌套div        

(内联标签转换为块级标签):css样式     display:block

(块级标签转换为内联标签):css样式     display:inline

(同时具有块级标签和内联标签的特性):css样式     display:inline-block

标签的属性中有空格表示两个值 


                   <div  class='div1 div2'>

                                          ↑空格表示分开,此属性class现在有两个值(div1与div2)div1与div2是平等的

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值