HTMLCSS基础-01

HTML/CSS基础-01

HTML:超文本标记语言，它不是一种编程语言，用于告诉浏览器如何构造网页。

HTML、CSS、JavaScript关系：

1. HTML负责页面的结构，
2. CSS负责页面的样式，
3. JavaScript负责相应操作。

---

*块级元素

最常用的块级元素：div、 p、 h

特点：独占一行，默认宽度为100%，高度由内容或子元素决定，可以通过css设定其宽度。

*行内元素

最常用的行内元素：span、a、img

1. 与其他行内元素共享一行空间

2. 宽高由自身决定

3. 由于不用来搭建网页结构，所以也无需通过css指定其宽度

4. 行内元素中不可以嵌套块元素

       <span style="border: 1px solid red;">span1</span >
       <!-- <span style="border: 1px solid red;">span<3/span > -->
       <div style="border: 1px solid red;">div</div>
       <span style="border: 1px solid red;">span2</span>
       <!-- span1 div1 span2 会占三行，此时看似与上面的行内元素“1”不符，但实际上是div让元素换行了。 -->
       <!-- span3 会和span1 在一行 -->
   

---

a标签

<a href="https://www.baidu.com" target="_blank" title="百度">baidu</a>
<!-- _self 默认值，在本页面打开链接 -->
<!-- _blank 在新页面打开链接 -->