初识HTML

1.什么是HTML？HTML是文本文档

HTML是一种超文本标记语言

HTML是由各种基本的元素组成的。什么是元素（element）？

指示浏览器中该内容的作用。

2.标签
定义段落：

<p>这是一个段落</p>

HTML中的元素要遵循“三明治语法，p就是上面的面包，/p就是下面的面包，夹在中间的就是你要写的内容。

定义标题：

<h1>这是一个主标题</h1>

h1到h6字体是依次减小,h1最大，h6最小

定义水平线：

<hr/>

元素里面的单身狗，区别三明治语法

斜体：

<i>我是斜体</i>

粗体：

<b>我是粗体</b>

换行：

<br>

下划线：

<u>我有下划线</u>

插入图片：

![](https://img.haomeiwen.com/i1801396/f976ed4bad04ad3f.jpg-238x216?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

<img>标签的src属性是必需的。它的值是图像文件的URL，也就是引用该图像的文件的的绝对路径或相对路径。

无序列表：

<ul> 
    <li>我是无序列表第1行</li>
    <li>我是无序列表第2行</li>
</ul>

有序列表:

<ol>
    <li>我是有序列表第1行</li>``  
    <li>我是有序列表第2行</li>``  
</ol>

表格:

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

table意味着这是一个表格，tr定义行，td定义列

插入视频：

<video width="200" height="200" scr="http://resource.haorenao.cn/cxy720-2.mp4" controls></video>

controls属性设置视频底部的控制条

超链接：

<a href= "https://github.com/Chaoshengluchi/HTML-CSS.git">@朝圣路痴</a>

href属性指示链接目标

3.HTML网页代码结构：

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>如沐春风</title>
   </head>
   <boby>
       <h1>我的个人网页</h1>
       <hr/>
       <h2>我的个人网页</h2>
       <h3>我的个人网页</h3>
       <hr/>
       <p><i>我有点不淡定了</i></p>
       <p>我是这世界上<i>最美丽</i>的小姑娘</p>
       <p><b>我是粗的</b></p>
       <hr/>
       ![](https://img.haomeiwen.com/i1801396/f976ed4bad04ad3f.jpg-238x216?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
       <table border ="1">
           <tr>
               <td>这是第一行第一列</td>
               <td>这是第一行第二列</td>
       </tr>
           <tr>
               <td>这是第二行第一列</td>
               <td>这是第二行第二列</td>
       </tr>
       </table>
       <video width="200" height="200" scr="http://resource.haorenao.cn/cxy720-2.mp4" controls></video>

       <a href= "https://github.com/Chaoshengluchi/HTML-CSS">@朝圣路痴</a>
   </boby>
</html>

课程来源：程序媛APP