2 HTML简介&标签嵌套和并列关系&文档声明
2024-10-20 08:34:23
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:字符集
最新文章
- Linux客户/服务器程序设计范式2&mdash;&mdash;并发服务器(进程池)
- python练习程序(c100经典例1)
- spring beans源码解读之--BeanFactory进化史
- Android 百度地图开发问题----解决地图有时候加载不出来问题
- 空a标签 a标签空的情况下 IE6 IE7下点击无效
- KNN--用于手写数字识别
- web技术发展历程--读《大型网站技术架构_核心原理与案例分析》
- CSharpGL(49)试水OpenGL软实现
- C#学习笔记-XML的读写(一)
- ThinkJS 开发node后端 使用 简介
- 从函数式编程到Ramda函数库(二)
- Dojo与jQuery综合比较分析
- python学习笔记_week11
- Maven入门详情
- VS2010自行编译OpenCV2.4.4时缺少python27_d.lib的解决方法
- 使用OpenSSL转换X509 PEM与PFX证书
- Java HashMap两种遍历方式
- JAVA线程本地变量ThreadLocal和私有变量的区别
- Android ActionBar自定义
- [转]:理解 Linux 配置文件
热门文章
- JSON parse error: default constructor not found. class java.time.YearMonth; nested exception is com.alibaba.fastjson.JSONException: default constructor not found. class java.time.YearMonth
- HTTPS 学习
- java编译器不匹配问题(java compiler level does not match the version of the installed java project facet)
- MST — Kruskal&#39;s algorithm
- docker-install-v0.1-alpha
- 顾家办公两不误,容智ibot帮你实现高效居家办公
- CSS - 引入方法
- @ModelAttribute与@RequestBody的区别
- DOCK-SWARM
- 吴裕雄--天生自然TensorFlow2教程:多输出感知机及其梯度