WEB前端开发(HTML,CSS,JAVAscript)

我们可以看到title这个标签所指向的内容是浏览器所打开窗口上方的文字。首先推荐一款比较好用的vscode插件(live server),它能实时地展现你所编辑代码,实现的网页。

安装也是比较简单,按照图中的步骤安装即可。

下面是它的使用方法:

现在就可以开始我们的html网页制作了

简单的HTML标签


    <h1>这是一个标题 </h1>
    <h2>这也是一个标题</h2>
    <h3>这也也是一个标题</h3>
    <br>
    <p>这是一个段落</p>
    <!-- 这是一段注释--ctrl+ / 来完成对内容的注释 -->
    <p>在一段为文字当中插入多个空格,例&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如</p>

  1. title标签所指向浏览器窗口的文字
  2. h1,h2....标签是文本标题(后面接的数字越大字体越小,代表的等级也更靠后)
  3. br标签代表的是 换行
  4. p标签代表的是 段落
  5. 在VScode当中可以使用crtl+ / 的方式对所写内容进行注释
  6. 若想要在文本内容中添加多个空格可以使用&nbsp;

无序列表和有序列表

 

    <ul>
        <li>小猫咪</li>
        <li>小狗狗</li>
        <li>小猪猪</li>
    </ul>
    <ol>
        <li>小猫咪</li>
        <li>小狗狗</li>
        <li>小猪猪</li>
    </ol>
    <table>
        <tr>
            <th>小狗</th>
            <th>小猫</th>
            <th>小猪</th>
        </tr>
        <tr>
            <td>汪汪</td>
            <td>喵喵</td>
            <td>猪猪</td>
        </tr>
    </table>
  1. ul标签是无序列表
  2. ol标签是有序列表
  3. ul,ol当中使用li标签进行编辑文本
  4. table标签是表格,其中tr是行,th(thead)是表头,td是表体(tbody),tfoot是表尾文中未给出

今天就先写到这里吧!!!!!! 

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值