html基础学习

 HTML:HTML(Hpyer Text Markup Language)超文本标记语言。

1.基本结构标签:

  •  <html> </html>:HTML标签,又称根标签,是页面中最大的标签。
  • <head> </head>:文档的头部。
  • <body></body>:文档的主体。
  • <title> </title>:文档的标题(需要时可更改)。

2.常用的基础标签:

  • 段落标签:

        <p>这是一段文字</p>

        <span>这是span标签</span>

  • 换行标签:

        <br> 

  • 横线/水平线标签:

         <hr>

  • div标签(盒子/框) :

         <div></div>

 

  •  图片标签:

        <img src="" alt="这是一张风景照" title="风景照"> 

  

  • 表格标签: 

         <table>

                <tr>

                    <td>姓名</td>

                    <td>性别</td>

                    <td>年龄</td>

                </tr>

                <tr>

                    <td>姓名</td>

                    <td>性别</td>

                    <td>年龄</td>

                </tr>

            </table>

 

  •  有序列表:

        <ol>

                <li>草莓</li>

                <li>苹果</li>

                <li>香蕉</li>

                <li>菠萝</li>

        </ol>

 

  • 无序列表:

        <ul>

                <li>草莓</li>

                <li>苹果</li>

                <li>香蕉</li>

                <li>菠萝</li>

            </ul>

 

  • 自定义列表:

        <dl>

               <dd>联系我们</dd>

                <dt>电话</dt>

                <dt>微信</dt>

                <dt>QQ</dt>

            </dl>

3.表单:

        <form></form>

 

4.元素: 

5.补充知识点:

  • 特殊符号:

        <>:&lt;

        空格:&nbsp;或者中文字符  → 

        版权符号:&copy;

  • 快捷键:

        复制上一行:shift + alt + ↑

        复制下一行:shift + alt + ↓

        复制当前行:ctrl + C、ctrl + V

        注释:ctrl+?

        撤回:ctrl+Z

        反向撤回:ctrl+Y

  • 新建文档:

6.标准官方文档:

  • 菜鸟教程
  • W3CSchool
  • MDN

7.开发者论坛:

  • CSDN
  • 掘金

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值