2 HTML简介&标签嵌套和并列关系&文档声明
HTML：Hyper Text Markup Language 超文本标签语言(hyper：精力旺盛的 markup:标记 n noun)
- HTML不是编程语言，而是一种标记语言（就是一套标记标签），用于描述网页，是网页制作必备的。
- 超文本是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。
- HTML的结构包含头和主题，头提供网页信息，主体提供网页的具体内容。
- HTML文档包含标签和文本内容，HTML文档也叫作web页面
- HTML标签和HTML元素通常都是同一个意思
网页的本质就是超文本标记语言结合其他的web技术（脚本语言、公共网管接口、组件等）创造出来的。万维网（web）建立在超文本基础知识。
HTML骨架格式：
<html> 根标签
<head> 头标签
<title></title> 标题标签
</head>
<body>主体标签
</body>
</html>
- 根标签：HTML中标签的根节点
- 头标签：用于存放:title,meta,base
- 标题标签：让页面有一个属于自己的标题
- 主体标签：页面的主题部分
html和body标签是父子关系，也叫嵌套关系。
head和body是兄弟关系，也叫并列关系。
web浏览器：
不会直接显示HTML标签，而是其通过使用标签来决定如何向用户展示HTML页面的内容。
<!DOCTYPE>声明：
用途：标准通用标记语言的文档类型声明，帮助浏览器正确显示网页。
特点： 不区分大小写。以下均可用。
- <!DOCTYPE html>
- <!DOCTYPE HTML>
- <!doctyPe htML>
- <!DOCTYPE Html>
在不同的HTML版本中文档类型的声明不相同。
- HTML5：<!DOCTYPE html>
- HTML 4.01：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- XHTML 1.0：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
中文编码:
在头标签的子标签meta中设置charset为UTF-8
<meta charset="UTF-8"> charset：字符集
2 HTML简介&标签嵌套和并列关系&文档声明的更多相关文章
- day01 html介绍 文档声明头 head标签 body标签
day01 html 初识html <!--文档的声明--> <!doctype html> <html lang="en"> # ...
- HTML（一）HTML基础语法（HTML简介，HTML文档声明）
HTML 概念介绍 [概念] (Hyper Text Markup Language)超文本标记语言,是用来描述网页的一种语言 超文本(Hyper Text):不只包括文本,也可以包括图片.链接.音乐 ...
- HTML span标签：用来组合文档中的行内元素
在DIV+CSS切图布局重构技术中,除了常常使用div标签外也常常使用span标签布局,通常也可以通过对span标签对象设置不同样式实现我们要的美化效果.这里主机吧主要讲的是span标签的定义和用法. ...
- jade文档声明和头尾标签
作为一个页面,首先需要一个doctype的声明,它位于文档最上面的位置,放置html标签以前,用来告知浏览器当前这个页面用哪种html,或者xml的规范并解析页面 doctype html htm ...
- HTML5的文档结构和新增标签
一．HTML5 文档结构1.第一步:打开 开发工具,打开指定文件夹:2.第二步:保存 index.html 文件到磁盘中,.html 是网页后缀:3.第三步:开始编写 HTML5 的基本格式.< ...
- arclistsg文档独立模型标签
[标签名称] arclistsg [标签简介] 单表独立模型的文档列表调用标记 [功能说明] 用于调用单表模型的内容,在V5.3系统以上版本中加入了单表模型的概念,脱离了以前的主从表的数据表关联结构, ...
- HTML文档及标签介绍
HTML标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag). HTML标签是由尖括号包含的关键词,比如<html> HTML标签通常是成对出现的,比如<body ...
- DotNetBar创建的Ribbon、标签式多文档界面
1.创建一个form作为主窗体,继承自:DevComponents.DotNetBar.RibbonForm 设置属性:IsMdiContainer为true 2.创建一个form,作为子窗体,也继承 ...
- VS2010/MFC编程入门之四十（文档、视图和框架：各对象之间的关系）
前面一节中鸡啄米进行了文档.视图和框架的概述,本节主要讲解文档.视图.框架结构中各对象之间的关系. 各个对象之间的关系 文档.视图.框架结构中涉及到的对象主要有:应用程序对象.文档模板对象.文档对象. ...
随机推荐
- css实现单行和多行省略号
1.单行省略 { width:300px; overflow: hidden; text-overflow:ellipsis; whitewhite-space: nowrap; } 注:单行省略必须 ...
- 人工智能、大数据、物联网、区块链，四大新科技PK，你更看好谁？
最近行业中备受关注并且非常火热的产业有哪些呢?小编这边总结了一下,一共有4个,分别是人工智能.大数据.物联网和区块链,这四种新科技也一直是蓄势待发,未来将引领新一代的科技成长,也会带给人类很多更方便快 ...
- Centos5.5+LAMP环境
Note:如果网络正常,apache服务正常,仍然不能访问网页.需要检查linux 防火墙是否关闭. ( 先重新启动防火墙 service iptables start 然后输入配置防火墙的命令并查看 ...
- Spring Boot 中使用 HttpClient 进行 POST GET PUT DELETE
有的时候,我们的 Spring Boot 应用需要调用第三方接口,这个接口可能是 Http协议.可能是 WebService.可能是 FTP或其他格式,本章讨论 Http 接口的调用. 通常基于 Ht ...
- 吴裕雄 python 神经网络——TensorFlow 花瓣识别2
import glob import os.path import numpy as np import tensorflow as tf from tensorflow.python.platfor ...
- jQuery结合CSS实现手风琴组件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- Codeforces Round #588 (Div. 2)E(DFS，思维，__gcd，树)
#define HAVE_STRUCT_TIMESPEC#include<bits/stdc++.h>using namespace std;long long a[100007];vec ...
- Fedora26同步仓库缓存失败问题实记
虽然目前的linux已经能自动选择最快的源,但是官方提供的镜像列表仍然较少,速度虽有所提升但是整体依然较慢,阿里的源作为国内最快的源却没有被纳入官方提供的源中 国内常使用的源有阿里,中科大,清华,网易 ...
- 「CF1301C Ayoub's function」
本题结论题,所以就不放前置芝士了. 具体做法 先将最终的答案分为两部分,区间(开始于结束为止不同)和点,点的个数非常显然就是M,于是要计算区间的个数,可以发现如果直接计算有多少合法区间很麻烦,所以用总 ...
- pyputer安装使用
pip install jupyter 请在终端(Mac / Linux)或命令提示符(Windows)上运行以下命令: jupyter notebook 登录地址在cmd安装运行完jupyter n ...