HTML学习笔记（每日凌晨更新）
|
若汐
|
181
|
若汐

63 字
|
4 分钟 
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html语法介绍</title>
</head>

<body>
    
    <h1>一级</h1> <!-- 这是一个标题标签-，文本是加粗的，1-6从大到小 -->
    <h2>二级</h2>
    <h3>三级</h3>
    <h4>四级</h4>
    <h5>五级</h5>
    <h6>六级</h6>
    
    <p>段落标签，可以把HTML文档分为<br />若干个段落</p>
      <!-- <br />可以强制文档文字换行，但只会是简单的单独起一行并不是段落（这是一个单标签） -->
    
    这是一个<strong>加粗</strong>的文字
    这是一个<b>加粗</b>的文字
    这是一个<em>倾斜</em>的文字
    这是一个<i>倾斜</i>的文字
    这是一个有<del>删除线</del>的文字
    这是一个有<s>删除线</s>的文字
    这是一个有<ins>下划线</ins>的文字

    <div>div</div>  <!-- 分区 -->
    <span>spans</span>  <!-- 跨距 -->
        <!--  这两个是用来装内容的标签，没有语义 -->
    <div>这是div标签独占一行</div>
    <div>这是div标签独占一行</div>
        <!-- 一行只能放一个，是一个大盒子 -->
    <span>若</span>
    <span>汐</span> 
        <!-- 一行上可以放多个，是一个小盒子 -->
    
    <h3> 图像标签的使用：</h3>
    <img src="photo_2024-09-17_16-24-03.jpg"/>
    
    <h3>alt替换文本。当图像显示不不来时，用文字替换：</h3>
    <img src="photo_2024-09-17_16-29-.jpg" alt="初音未来"/>
    
    <h3>title提示文本，将鼠标放到上面，提示的文字：</h3>
    <img src="photo_2024-09-17_16-29-18.jpg" alt="初音未来" title="初音未来！"/>
    
    <h3>width设置图像宽度：</h3>
    <img src="photo_2024-09-17_16-29-18.jpg" alt="初音未来" title="初音未来！" width="666"/>
    
    <h3>height设置图像高度：</h3>
    <img src="photo_2024-09-17_16-29-18.jpg" alt="初音未来" title="初音未来！" height="600"/>
    
    <h3>border设置图像边框：</h3>
    <img src="photo_2024-09-17_16-29-18.jpg" alt="初音未来" title="初音未来！" height="600" border="16"/>
    <!-- 1.图像标签可以有很多个属性，必须写在标签名后面
    2.属性之间不分先后顺序，属性和属性之间必须用空格隔开 
    3.格式为 key= "value" ，属性= “属性值”-->

</body>

</html>
HTML学习笔记（每日凌晨更新）

感谢你的阅读

若汐
上一篇
下一篇