HTML-入门(一)

2018-05-31 本文已影响0人 XUEMANoba

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=地址" />