zoukankan      html  css  js  c++  java
  • 前端开发-从入门到放弃-HTML02-简介

    一、HTML文件中各字段含义

     

    1.<!DOTYPE html>是声明文档,此处将文档声明为HTML5文档。

    2.<html>是HTML的根元素,表示HTML内容从这里开始。

    3.<head>是头部元素,包含文档(meta)数据,这里的内容不会直接显示在网页上。

    4.<title>元素声明了文档元数据:文档标题。

    5.<body>元素声明了HTML正文内容从这里开始

    6.<h1>元素可以定义一个大标题,以及h2-5分别都是不同级别的标题。

    7.<p>元素声明了一个段落。

     

    二、HTML是什么

     

    1.HTML指超文本标记语言:Hyper Text Markup Language

    2.HTML不是一种编程语言,而是一种标记语言

    3.标记语言是一套标记标签(markup tag)

    4.HTML使用标记标签来描述网页

    5.HTML文档包含了HTML标签及文本内容

    6.HTML文档也叫web页面

     

    三、HTML标签(HTML tag)

     

    1.HTML标签是由尖括号包围的关键词,比如<html>

    2.HTML标签通常是成对出现的,比如<b>和</b>

    3.标签对中的第一个标签是开始标签,第二个是结束标签

    4.开始和结束标签也称为开放和闭合标签<标签>和</标签>

     

    四、HTML元素

    "HTML标签"和"HTML元素"通常都是描述同样的意思;

    但HTML元素包含了开始、结束标签。

    <p>这是一个段落标签</p>

     

    五、WEB浏览器

     

    web浏览器(Chrome(谷歌浏览器)、Firefox(火狐浏览器)、Internet Explorer(IE浏览器)、Safari(mac操作系统特有浏览器));

    浏览器不是直接显示HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户。

     

    六、HTML网页结构

     

    一般HTML网页,都会有如下结构:

    <html>

    <head>

    <title>页面标题< itle>

    <head>

    <body>

    <h1>这是一个标题<h1>

    <p>这是一个段落<p>

    <p>这是另一个段落<p>

    <ody>

    <html>

     

    注意:doctype声明是不分大小写的,但推荐大写。

     

    七、HTML各推荐标准通用声明

     

    1.HTML5

    <!DOCTYPE html>

     

    2.HTML4.02

    <!DOCTYPE HTML PUBLIC

    "-//W3C//DTD HTML 4.01 Transitional//EN" "">

     

    3.XHTML 1.0

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "">

     

    八、中文编码

     

    例子:HTML设置utf-8编码

     

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>声明utf-8编码< itle>

    </head>

    <body>

    <h1>UTF-8</h1>

    <p>utf-8</p>

    <ody>

    </html>

  • 相关阅读:
    将Python 程序打包成 .exe格式入门
    浅论各种调试接口(SWD、JTAG、Jlink、Ulink、STlink)的区别
    用pyinstaller打包python程序,解决打包时的错误:Cannot find existing PyQt5 plugin directories
    win10下 anaconda 环境下python2和python3版本转换
    zsh: command not found: conda的一种解决方法
    mac-os安装autojump
    六环外的商业
    浮躁的社会没错,错的是缺少一颗平静的心
    一张图看懂STM32芯片型号的命名规则
    OpenOCD的概念,安装和使用
  • 原文地址:https://www.cnblogs.com/chen1999/p/12755747.html
Copyright © 2011-2022 走看看