美文网首页
HTML的基本结构

HTML的基本结构

作者: 时光清浅_许你心安_ | 来源:发表于2018-10-18 15:42 被阅读0次
    • HTML概述

    HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页,显示的网页可以从一个网页链接跳转到另外一个网页。

    • HTML基本结构
    <!DOCTYPE html>
    <html lang="en">
        <head>            
            <meta charset="UTF-8">
            <title>网页标题</title>
        </head>
        <body>
              网页显示内容
        </body>
    </html>
    
    • html标签特点

    html的标签大部分是成对出现的,少量是单个出现的,特定标签之间可以相互嵌套,嵌套就是指一个标签里面可以包含一个或多个其他的标签,包含的标签和父标签可以是同类型的,也可以是不同类型的

    <!-- 成对出现的标签  -->
    <body>......</body>
    <p>......</p>
    <div>......</div>
    <b>......</b>
    
    <!-- 单个出现的标签  -->
    <br />
    <img src="..." />
    <input type="..." />
    
    <!-- 标签之间的嵌套  -->
    <p>
        <span>...</span>
        <a href="...">...</a>
    </p>
    <div>
          <h3>...</h3>
          <div>
                  <span>...</span>
                  <p>...</p>
          </div>
    </div>
    
    • 语义化的标签

    语义化的标签,就是在布局的时候多使用语义化的标签,搜索引擎在爬网的时候能认识这些标签,理解文档的结构,方便网站的收录。比如:h1标签是表示标题,p标签是表示段落,ul、li标签是表示列表,a标签表示链接,dl、dt、dd表示定义列表等,语义化的标签不多

    • 绝对路径和相对路径
    绝对地址:相对于磁盘的位置去定位文件的地址
    相对地址:相对于引用文件本身去定位被引用的文件地址
    

    HTML列表

    • 有序列表
    <ol>
        <li>列表文字一</li>
        <li>列表文字二</li>
        <li>列表文字三</li>
    </ol>
    
    • 无序列表
    <ul>
        <li>列表文字一</li>
        <li>列表文字二</li>
        <li>列表文字三</li>
    </ul>
    
    • 定义列表
    <h3>前端三大块</h3>
    <dl>
        <dt>html</dt>
        <dd>负责页面的结构</dd>
    
        <dt>css</dt>
        <dd>负责页面的表现</dd>
    
        <dt>javascript</dt>
        <dd>负责页面的行为</dd>
    
    </dl>
    

    相关文章

      网友评论

          本文标题:HTML的基本结构

          本文链接:https://www.haomeiwen.com/subject/xdcszftx.html