HTML基本结构、头部、注释

基本结构

1.HTML基本结构

<html>

    <head>

           <meta charset="utf-8">

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

    </head>

    <body>

这是我的第一个网页

</body>

 </html>

我们将代码复制到了txt当中,如果出现乱码现象

然后我们将文件另存为utf-8格式的文件,在打开就没有问题了

head:这是一对头部信息,主要是显示描述信息,但是在网页中不会显示

body: 主体部分,真正在网页中显示的内容

<head> 元素包含了所有的头部标签元素。

在 <head>元素中你可以插入

脚本(scripts)

样式文件(CSS)

及各种meta信息。

可以添加在头部区域的元素标签为:

<title>,<style>, <meta>, <link>, <script>, <noscript>, and <base>.

2HTML <title> 元素

<title> 标签定义了不同文档的标题。

<title> 在 HTML/XHTML 文档中是必须的。

<title> 元素:

定义了浏览器工具栏的标题

当网页添加到收藏夹时,显示在收藏夹中的标题

显示在搜索引擎结果页面的标题

3HTML <link> 元素

<link> 标签定义了文档与外部资源之间的关系。

<link> 标签通常用于链接到样式表:

例子:<head>

<link rel="stylesheet" type="text/css" href="mystyle.css">

</head>

4.HTML <style> 元素

<style> 标签定义了HTML文档的样式文件引用地址.

在<style> 元素中你需要指定样式文件来渲染HTML文档:

例子:    <head>

<style type="text/css">

body { BACKGROUND: white; mso-pagination: widow-orphan" align=left>         p {color:blue}

</style>

</head>

5.<meta> 标签使用实例

meta   标签描述了一些基本的元数据。

<meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析。

META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。

元数据可以使用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他Web服务。

<meta>一般放置于 <head>区域

例子:

设置字符集

<meta charset="utf-8">

为搜索引擎定义关键词:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

为网页定义描述内容:

<meta name="description" content="Free Web tutorials on HTML and CSS">

定义网页作者:

<meta name="author" content="Hege Refsnes">

每30秒中刷新当前页面:

<meta http-equiv="refresh" content="30">

6.注释

注释:<!--注释内容-->

!:表示声明、注意

时间: 2024-11-03 03:28:31

HTML基本结构、头部、注释的相关文章

Sublime3 自动添加Python头部注释信息

1.新建一个插件(Tools --- Developer --- New Plugin)写入如下内容,并保存为 head.py import sublime, sublime_plugin import datetime class PyHeadCommand(sublime_plugin.TextCommand): def run(self, edit): self.view.run_command("insert_snippet", { "contents":&

sublime text3创建文件时生成头部注释

在配置sublime text3编辑器在创建一个新的文件时,希望可以自动生成头部注释,在网上查了几个插件,主要有三个:DocBlokcr(https://packagecontrol.io/packages/DocBlockr).sublime tmpl(http://www.fantxi.com/blog/archives/sublime-template-engine-sublimetmpl/)以及FileHeader(https://github.com/shiyanhui/FileHea

VS2013 添加文件头部注释模板

在看视频的时候发现,视频中每次新建一个类文件 都会自动生成一串 头部的注释: so 百度了一下:http://jingyan.baidu.com/article/3aed632e649d8570108091a7.html 原来这样啊! vs2013的安装路径: D:\vs2013\Common7\IDE\ItemTemplatesCache 里面各种语言模板 找到 CSharp进入吧 又看到这个http://www.cnblogs.com/kingboy2008/archive/2012/05/

oracle查看表结构和注释

查看表结构: 看字段名与数据类型     select   *   from   cols     WHERE   TABLE_name=upper( 'table_name ') 查看主键:     select   *   from   user_constraints   where   constraint_type= 'P '     and   TABLE_name=upper( 'table_name ') 另外: 在SQLPLUS中,用     desc   tablename 

让Visual Studio 自动添加头部注释信息

在日常的开发过程中我们经常需要为我们的类文件添加注释和版权等信息,以前都是将信息文本复制.粘贴,要是添加一两个个还好,要是添加很多就显得很麻烦了.为了减少这种重复性的工作,有没有好的解决办法呢?答案是肯定的,其实我们每次添加的文件都是按照类库模板自动生成的,所以只需要修改Visual Studio的类库模板就可以了. 首先找到Visual Studio(2005.2008.2010) 的安装路径下\Common7\IDE\ItemTemplatesCache\CSharp\目录,面有好多目录,W

关于sublime自动生成头部注释

1.在tool->new snippet-创建一个新的snippet sublime text2 用snippet 创建文件头部信息 Snippets are smart templates that will insert text for you and adapt it to their context. Snippet 是插入到文本中的智能模板并使这段文本适当当前代码环境. 程序员总是会不断的重写一些简单的代码片段, 这种工作乏味/无聊, 而Snippet的出现会让Code更加高效. 2

Visual Studio 2019设置自定义头部注释

1.首先在VS的安装路径下找到如下几个文件夹: C:\Program Files (x86)\Microsoft Visual Studio\2019\Enterprise\Common7\IDE\ItemTemplates\CSharp\Code\2052 2.分别进入这几个文件夹中,将原文件备份至其他位置,修改后进行替换即可 3.友情提供自用表头注释 using System; using System.Collections.Generic;$if$ ($targetframeworkve

PhpStorm 头部注释、类注释和函数注释的设置(稍微完善点)

首先,PhpStorm中文件.类.函数等注释的设置在:setting->Editor->FIle and Code Template->Includes下设置即可,其中方法的默认是这样的: /** ${PARAM_DOC} #if (${TYPE_HINT} != "void") * @return ${TYPE_HINT} #end ${THROWS_DOC} */ 但是我发现,文件中的默认注释是这样的: 1 /** 2 * Created by ${PRODUCT

【Go语言系列】2.1、Go语言基本程序结构:注释

注释在程序中的作用是对程序进行注解和说明,便于对源码的阅读.在源码中适当地添加注释,能够提高源码的可读性. Go语言的注释主要分成两类,分别是单行注释和多行注释. 单行注释: //单行注释 多行注释: /* 第一行注释 第二行注释 ... */ 原文地址:https://www.cnblogs.com/mrbug/p/12104771.html

[Python]PyCharm在创建py文件时自动添加头部注释

在Pycharm主界面找到 File ----->> Setting ----->> Editor ----->> File and Code Templates ----->> Python Script 如图界面 在右部编辑区域输入 1 #!/usr/bin/env python 2 # -*- coding: utf-8 -*- 3 # @File : ${NAME}.py 4 # @Author: auther's name 5 # @Date :