第一次网页前端培训笔记（HTML常用标签）

本文主要是介绍第一次网页前端培训笔记（HTML常用标签），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

学习网址：【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili

1.安装编译器

2.基础操作

3.框架

常用标签

        <!--
            标题标签
                h1~h6 大小依次递减
                尽量减少使用h1标签
                块级元素
        -->
        <h1>标题一</h1>
        <h2>标题二</h2>
        <h3>标题三</h3>
        <h4>标题四</h4>
        <h5>标题五</h5>
        <h6>标题六</h6>

        <!--
            段落标签
                p标签，会自动换行<p>段落</p>
                块级元素
        -->

<!--
            换行标签
                br 单标签
                两种  <br>   <br/>
        -->

<!--
            水平线标签
                 hr  单标签
                常用属性
                      color  颜色
                      size   粗细
                      width  长度(两种  百分比  或者  px)
                      align  对齐方式
        -->

<!--
            列表
                有序列表(有序号12345),有各种    <ol>  <li></li> </ol>
                无序列表（没有序号）    <ul>与<li></li>与</ul>
        -->

<!--
            div标签
               块级元素
               默认占全部的宽度，有多少内容高度占多少
               可以设置div的 style=宽width和高height
               通过align设置内容的对齐方式
        -->
        <div style="width: 500px;height: 100px;" align="center">这是一个div</div>
        <!--
            span标签
                行内元素（不会自动换行）
        -->
        <span>这是一个span</span>
        <hr />

<!--
            格式化标签
                 font标签（管字体的）
                     color   字体颜色
                     size    字体尺寸
                     face    字体风格
                     b    加粗
                     i    倾斜
                     u    下划线
                     del  中划线
                     sup  上标
                     sub  下标
                pre
                    预格式化标签，保留空格和换行
        -->
        <font color="aqua"size="5"face="楷体" >你好</font><br />
        <pre>
            hello        world
        </pre>

<!--
            a标签
               超链接标签，用于链接到一个新的URL
               常用属性：
                   href:需要跳转的地址（必须属性）
                   target:窗口打开的方式
                          _self:当前窗口打开（默认）
                          _blank:在空白窗口打开
                作为锚点（相当于超级链接，可以跳转）：
                        a标签的name属性值
                                 <a name="top"></a>
                        其他的id属性值
                                <div id="top"></div>
                        锚点的使用
                                <a href="#top"></a>
        -->     

<!--
            img标签
               向网页中嵌入一个图片
               
               常用属性：
                   src：需要引入的图片的地址（必须属性）
                   alt：当图片破损或不存在时，显示文本内容
                   title:当鼠标悬停在图片上时显示的文本
                   width：图片的高度
                   height：图片的宽度
                   border：图片边框
        -->
        <img src="img/图片.png"/>

<!--
                表格标签
                    table   表格
                    tr      行
                    td      标准单元格
                    th      表头（字体居中，加粗效果）
                    
                table的属性
                     width   表格的宽度
                     border  边框
                     align   对齐方式
                tr的属性
                    align   内容的对齐方式
        -->

<table width="400px" align="center" >
            <tr>
                <th>编号</th>
                <th>姓名</th>
                <th>年龄</th>
            </tr>
            <tr align="center" bgcolor="blanchedalmond">
                <td>1</td>
                <td>张三</td>
                <td>18</td>
            </tr>
            
        </table>

这篇关于第一次网页前端培训笔记（HTML常用标签）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！