WEB前端新手开始学习 6.20

最新推荐文章于 2024-09-26 17:12:37 发布

LiangKJZ

最新推荐文章于 2024-09-26 17:12:37 发布

阅读量105

点赞数 3

文章标签：学习 html

本文链接：https://blog.csdn.net/LiangKJZ/article/details/125373219

版权

报班学习第一天，上午学习html网页结构，先前从未学习过计算机编程的任何知识，感觉难度很大，先从理解内部各个部分的意思开始。需要牢记的含义和知识的量不小，今天牢记之后，后面忘了会不会。
下午学习常用标签，标签分为块元素行内元素行内块元素

块元素内可以包含块元素行内元素行内块

行内元素不能放块元素

p标签是块元素但不能放块元素

3.块标签一般用来布局所以布局标签就是在块元素里面布局(?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 1.标题标签  六个标题标签 常用的h1-h3
    从样式来看，h1到h6，逐步变小，语义也是逐步变小的，标题标签也是辅助推广部门做推广的
       重要性仅次于title标签
       h1语义最重，一个页面一般只出现一次
       标题标签是快元素，会独占一行
-->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标签</h3>
    <h4>四级标签</h4>
    <h5>五级标签</h5>
    <h6>六级标签</h6>
    <!--  2.段落标签  p 也是块元素，会独占一行
    从样式上看，段落和段落之间有间距
    一般用来包裹文字和图片
-->
    <p>你好</p>
    <p>我好</p>
    <!-- 3.hgroup  标题分组 -->
    <hgroup>
        <h1>登高</h1>
        <h2>杜甫</h2>
    </hgroup>
    <!-- 4.强调标签
    em  strong  不会独占一行   是行内元素
    em  有斜体  strong   加粗

    面试题：em，strong都是强调标签  有什么区别
    em  强调的语音语调
    strong   强调的是内容的重要性
    -->
    <em>钱</em>
    <strong>美元</strong>
    <p>同学们长得<em>真</em>好看</p>
    <!-- 5.换行标签 br  自结束标签 -->
    大家晚上，<br>
    好好好，<br>
    不呢不会，<br>
    <!-- 6.分割线  hr 自结束标签 -->
    <hr>
    <!-- 7.居中效果 -->
    <center>
        <h1>杜甫</h1>
        <h2>登高</h2>
    </center>
    <p>你好啊</p>
    <!-- 8.div  没有任何语义  只表示一个块元素 -->
    <div>
        你好
    </div>
    <div>nimenhao</div>
    <!-- 9.span  没有任何语义  只表示一个行内元素，一般用来包裹文字 -->
    <span>nimenhao</span>
    <span>10</span>
    <!-- 10.del 删除标签 -->
    原价：<del>999</del>
    现价：9.9
</body>
</html>

大概吧今天就是学了这些大部分都看懂了但也有点一知半解希望后面的学习能理解更快