标题和段落、描点与链接、图片元素

标题和段落

1.页面中看到的内容都是由元素组成的，元素是由标签描述，标签根据元素的类型分为双标签和单标签，每个元素的特征，由属性来描述，描述的属性写到起始标签中

<h1>今天要努力学习了。</h1>
<h2>非常高兴今天能见到你。</h2>
<h3>你笑起来真好看！</h3>
<p>计算机的软件系统由系统软件、支撑软件和应用软件组成的系统，它是计算机系统中由软件组成的部分。</p>

2.元素是由标签和属性共同进行描述的

<boy sex="man" sw="100,110,120" height="180" weight="150">男朋友</boy>

3.html中的所有内容，如果想添加到html文档中，就必须要使用一个标签

4.js代码必须要写道一个script标签中

<script>
    const SITE = "php中文网";
</script>

5.标题标签：除了设置文档标题外，是用来划分页面结构

<h1>努力学习</h1>
<h2>努力学习</h2>
<h3>努力学习</h3>

6.内容：<p></p>

<p>p里面写入的是文档的内容，内容丰富多彩，千变万化。</p>

---

---

描点与链接

1.链接标签

a标签是互联网的灵魂，实现了全球资源之间的共享

<a href="https://www.php.cn/" target="_self">php中文网</a>

php中文网

_blank:跳转的新页面在新窗口打开

 <a href="https://www.php.cn/" target="_blank">php中文网</a>

PHP中文网

在指定的新窗口打开 targe=”iframt内联框架的name值”

<a href="https://www.baidu.com" target="baidu">打开百度</a>

打开百度

2.描点

使用描点，可以实现当前页面中的任意位置进行跳转

<a href="#mid">跳转到中间</a>
<a href="#footer">跳转到底部</a>

创建描点

div：通用的容器标签，内部可以放任何类型的元素

<div id="mid" style="margin-top:500px">俺在中间</div>
<a href="#">回到顶部</a>
<div id="footer" style="margin-top:1000px">俺是底部</div>
<a href="#">回到顶部</a>

图片元素

<img src="https://img.php.cn/upload/course/000/000/001/5d24289c99b05106.jpg" alt="web前端开发" />

图片设置大小的时候，只需要设置一个，如宽度或高度，另一个会等比缩放

<img src="https://img.php.cn/upload/course/000/000/001/5d24289c99b05106.jpg" alt="web前端开发" width="200" />

通常用css来设置大小，图片很少单独用，多用在链接中

总结

html中的标题由h1~h6定义，从大到小排列，h4~h6不常用，内容由元素组成，元素是由标签描述，标签分为双标签（如：<h1></h1>）和单标签（如：<img/>），每个元素的特征可以用属性描述。