html-前端内容初识

时间 2019-11-09

标签 html 前端内容栏目 HTML 繁體版

原文原文链接

HTML解释：css

HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写，他是一种制做万维网页面标准语言（标记）。至关于定义统一的规则（W3C），你们都来遵照他，这样就可让浏览器根据标记语言的规则去解释它。html

浏览器负责将标签翻译成用户“看得懂”的格式，呈现给用户！前端

网页的组成：python

一个网页通常由两部分组成即：浏览器

HTML（Hypertext Markup Language）
和CSS（Cascade Style Sheets）

HTML负责描述网页的结构和内容（如标题，导航栏等） CSS则负责网页的表现（外观）（如背景颜色，字体样式等）。字体

<head>和</head>之间的内容，是元信息和网站的标题元信息通常是不显示出来的,可是记录了你这个HTML文件的不少有用的信息
<body>和</body>之间的内容，是浏览器呈现出来的，用户看到的页面效果。也就是说这里是网页的主体。也就是body的身体之意
<html></html>是说明这个是一个网页。告诉浏览器这个网页的开始和结束。他包含了以后的两个元素。<head>和</head>|<body>和</body>网站

文档结构以下：ui

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 
 9 </body>
10 </html>

如下是各个内容的详细说明搜索引擎

1、DOCTYPE部分 ---<!DOCTYPE html>编码

HTML语言须要一个标准，当咱们在第一行指定了<!DOCTYPE html>的时候，当浏览器去访问咱们的代码的时候就就按照HTML代码里指定的标准去读取和渲染给咱们展示的页面。

2、head部分

一、Meta(metadata information)

提供有关页面的元信息，例：页面编码、刷新、跳转、针对搜索引擎和更新频度的描述和关键词

1.一、定义编码格式

<meta charset="UTF-8">  #定义编码为utf-8

1.二、刷新和跳转页面

<meta http-equiv="refresh" content="2">  #2秒刷新

<meta http-equiv="refresh" content="1;Url=http://www.baidu.com/"/> #1秒跳转到百度首页

1.三、关键字

关键字的做用：通常是让爬虫之类的收录程序，当他们在爬你的网站的时候，若是你有关键字，那么他们会优先把关键字收录到他们的记录中，好比百度：若是他们收录以后，他们搜索你的关键字的时候，就能找到百度的网站。

<meta name="keywords" content="前端,html,网页">

1.四、描述

例如博客园的描述以下：

<meta name="description" content="博客园是一个面向开发者的知识分享社区。自建立以来，博客园一直致力并专一于为开发者打造一个纯净的技术交流社区，推进并帮助开发者经过互联网分享知识，从而让更多开发者从中受益。博客园的使命是帮助开发者用代码改变世界。">

1.五、设置网页title信息

    <title>这是作的第一个网页</title>

图示：

1.六、设置网页图标Link

<link rel="icon" href="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" type="image/x-icon"/>

图示：

1.七、导入CSS相似python中导入模块相似

<link rel="stylesheet" href="css/css_model.css">

1.八、style

　　一、在当前文件中写Css样式

　　二、在其余文件中写Css样式相似python的模块导入的方式把Css样式导入到当前文件中使用

1.九、script

　　一、在当前文件中写JS

　　二、在其余文件中写JS相似python的模块导入的方式把JS导入到当前文件中使用