HTML5 基本操作

HTML5

网页基本标签

1. 标题标签

   <h1>一级标题</h1>
   <h2>一级标题</h2>
   <h3>一级标题</h3>
   

2. 段落标签

   <p>ssssssssssss</p>
   <p>ssssssssssss</p>
   <p>ssssssssssss</p>
   

3. 换行标签

    <br>
   

4. 水平线标签

   <hr>
   

5. 字体样式标签

   粗体 <stronger>i like</stronger>
   斜体 <em>i like</em>
   

6. 注解和特殊符号

空格  
大于  >
小于 <
等等

​ 7.图像标签

  <img src="../resources/image/中国结.jpg" alt="88" title="悬停文字" width="300" height="300" about="sss">

​ 8.超链接标签

​

a href="第一个网页.html">点击跳转1</a>
<a href="https://www.baidu.com">点击跳转2</a>
<a href="第一个网页.html" target="_blank">  <img src="../resources/image/中国结.jpg" alt="88" title="悬停文字" width="300" height="300" about="sss"></a>

1.有序列表
<ol>
    <li>java</li>
    <li>c#</li>
    <li>c++</li>
    <li>c</li>

</ol>
2.无序列表
<ul>
    <li>java</li>
    <li>c#</li>
    <li>c++</li>
    <li>c</li>

</ul>
3.自定义列表
<dl>
    <dt>标题</dt>
    <dd>java</dd>
    <dd>c++</dd>
    <dd>c#</dd>
    <dd>c</dd>
</dl>

9.表格标签

<table border="2px">

    <tr> 行
        <td colspan="4">1-1</td> 列
        <td>1-2</td>
        <td>1-3</td>
    </tr>
    <tr>
        <td rowspan="2">2-1</td>
        <td>2-2</td>
        <td>2-3</td>
    </tr>
    <tr>
        <td >3-1</td>
        <td>3-2</td>
        <td>3-3</td>
    </tr>

</table>            

媒体元素

<video src="resources/vdio/keshihua.mp4" controls autoplay></video>  视频
<audio src="resources/music/纯音乐 - 空袭警报声.mp3 " controls autoplay></audio> 音频

内嵌框架

<iframe src="" name="hello" frameborder="0" height="1000px" width="800px"></iframe>
<a href="https://www.baidu.com" target="hello">点击</a>

表单

<form action="html/第一个网页.html" method="get">
    <p>名字 <input type="text" name="username" value="shuai" maxlength="8" size="50"></p>
    <p>密码 <input type="password" name="password"></p>
    <p>    <input type="radio" value="boy" name="sex"> nan
      <input type="radio" value="girl" name="sex"> nv
    </p>

    <p>
        <input type="checkbox" name="hooby" value="1">1
        <input type="checkbox" name="hooby" value="2">2
        <input type="checkbox" name="hooby" value="3">3
        <input type="checkbox" name="hooby" value="4">4
        <input type="checkbox" name="hooby" value="5">5
        <input type="button" value="dianji">
        <p>
    <input type="image" src="../resources/image/中国结.jpg">

</p>


    </p>

    <input type="submit">
    <input type="reset">
    
    
</form>

列表框文件域

<select> //下拉框

    <option value="1"> 1</option> 
    <option value="2"> 2</option>
    <option value="3"> 3</option>
    <option value="4"> 4</option>
</select>


<p>
    <textarea name="t" cols="10" rows="10">
bbb
    </textarea> //文本域
</p>
<p>

    <input type="file" name="file"> //文件域
</p>