HTML基础

84 阅读1分钟

我正在参加[码上掘金挑战赛]详情请看:码上掘金挑战赛来了!
html:超文本标记语言\

标签

行内标签,块标签

< p>< /p>:段落标签,一个汉字16px.
< h>< /h>:标题标签
< br />自结束标签:中间不需要写内容,换行,html5后可以省略
< b>< /b>:加粗
< i>< /i>< em></ em>:加斜
< u>< /u>:下划线
< sub>< /sub>:下标
< sup>< /sup>:次方
< hr />:分割线
行内标签:只占据内容部分的区域,不能通过宽度和高度调整大小< span>< /span>
块标签:默认占据一行< div>< div>
< legend> < /legend>:表单里表示主题的

<!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>
<link rel="stylesheet" href="dis/css/bootstrap.css">
<script src="jquery/jquery-3.4.1.min.js"></script><!--引入js文件-->
<script src="dis/css/bootstrap.min.js"></script>
<style>
    .qw{
        border: 1px solid blue;
        height: 500px;
    }
</style>
</head>
<body>
<div class="qw">
    <h1>偶然</h1>
    <h3>徐志摩</h3>
    <p>我是天空里的一片云,<br>
        偶尔投影在你的波心——<br>
        <strong>你不必讶异</strong>,<br>
        <b>更无须欢喜</b>——<br>
        在转瞬间消灭了踪影。<br>
        你我相逢在黑夜的海上<br>
        <i>你有你的,我有我的</i>,<b>方向</b><br>
        <em>你记得也好,<br>
            最好你忘掉,</em><br>
        <span>在这交会时互放的光亮!</span>
    </p>
</div>
</body>
</html>

1663305909222.png

语义化标签

正确的标签做正确的事,特定的标签做特定的事。 < header>< /header>: < section>< /section>: < footer>< /footer>: < code>< /code>:代码 < city>< /city>:城市 < address>< /address>:地址 < article>< /article>:文章

多媒体标签

图片标签:加载展示页面图片。
src:源码,表示图片的来源(以字符串路径形式展现)
相对路径:./;相对于当前页面,查找图片。;
绝对路径:使用图片的全路径,;
网络路径:;
alt:

< div class="pull-right">:右移