HTML5简单入门

  1. 我的第一个网页

    
    
    <html lang="en">
    
    
    <head>
    
    
        <meta charset="UTF-8">
        
        
    
        
        <title>Titletitle>
    head>
    
    
    <body>
    
    Weclome to my home!!!
    body>
    html>
    
  2. 基本标签

    
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>基本标签学习title>
    head>
    <body>
    <h1>一级标签h1>
    <h2>二级标签h2>
    <h3>三级标签h3>
    <h4>四级标签h4>
    
    
    <p>p>
    
    
    <br/>
    
    
    
    <hr/>
    
    
    <h1>字体样式标签h1>
    <strong>i love youstrong>
    <em>斜体 i love youem>
    
    <br>
    
    
    空格:空  <br>
    大于号:>
    <br>
    小于号:<
    ©版权所有
    
    
    
    
    
    
    
    
    body>
    html>
    
  3. 图像标签

    
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>图像标签title>
    head>
    <body>
    
    
    没找到!!!
    
    <a href="4.链接标签.html#down">跳转a>
    body>
    html>
    
  4. 链接标签

    
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>链接标签学习title>
    head>
    <body>
    
    <a name="top">顶部a>
    
    
    
    
    点击我跳转到页面a>
    点击我跳转到百度a>
    
    
    
    <a href="3.图像标签.html">
        我这张照片好看吗?
    a>
    
    
    
    
    
    <p><a href="3.图像标签.html">
        我这张照片好看吗?
    a>p>
    <p><a href="3.图像标签.html">
        我这张照片好看吗?
    a>p>
    
    <p><a href="3.图像标签.html">
        我这张照片好看吗?
    a>p>
    
    <p><a href="3.图像标签.html">
        我这张照片好看吗?
    a>p>
    
    <p><a href="3.图像标签.html">
        我这张照片好看吗?
    a>p>
    
    <p><a href="3.图像标签.html">
        我这张照片好看吗?
    a>p>
    <p><a href="3.图像标签.html">
        我这张照片好看吗?
    a>p>
    
    <p><a href="3.图像标签.html">
        我这张照片好看吗?
    a>p>
    
    <p><a href="3.图像标签.html">
        我这张照片好看吗?
    a>p>
    
    <p><a href="3.图像标签.html">
        我这张照片好看吗?
    a>p>
    
    <p><a href="3.图像标签.html">
        我这张照片好看吗?
    a>p>
    
    <p><a href="3.图像标签.html">
        我这张照片好看吗?
    a>p>
    
    
    
    
    
    <a href="#top">回到顶部a>
    <a name="down">downa>
    
    
    
    <a href="mailto:[email protected]">点击联系我a>
    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2::52" alt="加我领取夜里资源,你懂的" title="加我领取夜里资源,你懂的"/>a>
    
    body>
    html>
    
  5. 列表

    
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>列表学习title>
    head>
    <body>
    
    
    <ol>
        <li>javali>
        <li>pythonli>
        <li>运维li>
        <li>前端li>
    ol>
    <hr>
    
    
    <ul>
        <li>javali>
        <li>pythonli>
        <li>运维li>
        <li>前端li>
        <li>c/c++li>
    ul>
    
    <hr>
    
    
    <dl>
        <dt>学科dt>
        <dd>javadd>
        <dd>pythondd>
        <dd>运维dd>
        <dd>前端dd>
    
        <dt>位置dt>
        <dd>大连dd>
        <dd>庄河dd>
        <dd>沈阳dd>
        <dd>北京dd>
    dl>
    body>
    html>
    
  6. 表格标签

    
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>表格标签学习title>
    head>
    <body>
    
    
    
    
    <table border="1px">
        <tr>
    
            <td colspan="4">1-1td>
    
        tr>
        <tr>
    
            <td rowspan="2">2-1td>
            <td>2-2td>
            <td>2-3td>
            <td>2-4td>
        tr>
        <tr>
            <td>3-1td>
            <td>3-2td>
            <td>3-3td>
    
        tr>
    
    table>
    body>
    html>
    
  7. 视频和音频

    
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>视频音频学习title>
    head>
    <body>
    
    
    
  8. 页面结构

    
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>页面结构学习title>
    head>
    <body>
    
    <headr><h2>网页头部h2>headr>
    
    <section><h2>网页主体h2>section>
    <footer><h2>网页脚部h2>footer>
    body>
    html>
    
  9. iframe内联框架

    
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>iframe内联框架title>
    head>
    <body>