HTML学习

HTML

HTML学习

HTML:Hyper Text Mark Langange

(标记标签)。学习一系列的标签。

基本标签

标题标签 <h1>.....</h1>

<h2>.....</h2>

 

<h6>.....</h6>

最多六级标题。

段落标签 （p标签）

                 <p>...
                
                 </p>

换行标签

<br>

水平线标签

<hr></hr>

斜体

<em></em>

加粗

<strong>   

`...

 </strong>

 

图像 <img src="./(表示引用)" alt="">

<img src=".//(引用上一级的)" alt="">

还可以直接放置链接。

<img src="" alt=""> alt后面写的是图片加载失败后显示的名字

超链接标签

<a href="https://www.baidu.com"> 这是一个链接 href 属性</a>

target="_blank"----表示在新的标签页中打开

<a href="http://www.baidu.com" 百度网站target="_blank" ></a>

列表

无序列表

。<ul> <li>Coffee</li> <li>Milk</li> </ul>

显示效果：

​

• Coffee
• Milk

​

有序列表

/<ol> <li>Coffee</li> <li>Milk</li> </ol>/

显示效果：

​

1. Coffee
2. Milk

​

自定义列表

/`<dl>

<dt>(小标题)</dt>

<dd>(内容)</dd>

<dt>(小标题)</dt>

<dd>(内容)</dd> </dl>/

例如：

​

水果

葡萄

玩具

娃娃

​

表格

/<table border="1"> <tr> <td>第一行第一例</td> <td>第一行第二列</td> </tr> <tr> <td>第二行第一列</td> <td>第二行第二列</td> </tr> </table> /

例如：

​

第一行第一例	第一行第二列
第二行第一列	第二行第二列

​

块元素与行内元素

常见行内元素

a标签，img图片，<strong>加粗，<em>斜体

常见块元素

标题标签，段落标签

---

重点：无意义的块元素和行内元素 ，没有样式

<div>没有意义的块元素</div>

<span>没有意义的行内元素</span>