美文网首页
HTML-入门(一)

HTML-入门(一)

作者: XUEMANoba | 来源:发表于2018-05-31 20:54 被阅读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>
    

    doctype文档声明:

    • 为了让浏览器知道我们使用的HTML版本
    <!DOCTYPE html>
    

    html注释

    • html文档代码中可以插入注释,注释是对代码的说明和解释(内容不会显示在网页中)
    <!--注释内容-->
    

    html标签

    • html使用标记标签来描述网页
     <标签>标签内容<标签>
    

    或:

    <标签名 />
    

    1.<html>用于告诉浏览器这个文档中包含的信息是用html编写的
    (一个网页中只会有一个html标签)

    2.html标签中只有<head>和<body>两个子标签

    <head>:表示网页元数据
    <title>:表示网页标题,显示在网页标题栏
    <body>:网页主题
    <p>:段落标签
    <br />:换行标签
    <hr />:水平线标签
    <img />:图片标签,用来向网页引入外部图片。
    属性:src - 路径 alt - 图片描述
    <a>:超链接标签
    属性:href - 指向另一个链接地址 target 打开页面位置 (blank-新窗口 self-当前窗口)

    html标题

    • <h1>为主标题,6种级别的标题表示文档的6级目录层级关系
    <h1>这是一级标题</h1>
    <h2>这是二级标题</h2>
    <h3>这是三级标题</h3>
    

    html字符实体

    • 代码中成段的文字,如果文字间想空多个空格,在代码中空多个空格,在编译成网页时只会显示一个空格,如果想显示多个空格,可以使用空格的字符实体
      格式如下:
    &实体名
    

    代码如下:

                小于号<    &lt;
                大于号>    &gt;
                空格  &nbsp;
                版权符号©️  &copy;
                引号“”   &quot
                注册商标®️  &reg
                商标™️   &tarde
    

    meta用法

    • 设置页面字符集
    <meta charset="utf-8">
    
    • 设置网页关键字
    <meta name="keywords" content="描述" />
    
    • 设置网页描述
     <meta name="description" content="描述" />
    
    • 请求的重定向
     <meta http-equiv="refresh" content="5;url=地址" />

    相关文章

      网友评论

          本文标题:HTML-入门(一)

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