HTML学习笔记(一)
来源:互联网 发布:微店挣钱还是淘宝挣钱 编辑:程序博客网 时间:2024/06/05 09:59
去年开始就一直想了解一些web方面的知识, 通过一套视频大概了解了一下HTML和css, 视频看完了, 但是没有多少时间做一个实际的项目, 为了避免忘记, 在这里逐渐做一些学习笔记.
在前端开发中,推崇的结构和样式的分离, html正是用来描述网页结构的.
HTML概念
HTML是HyperText Markup Language的缩写, 超文本标记语言, 是用来描述网页的一种语言
- HTML不是一种编程语言,而是一种标记语言
- 标记语言是一种标记标签(markup tag)
- HTML采用标记标签来描述网页
HTML的作用
HTML 只有一个作用, 它是专门用来描述文本的语义的
HTML标签
用来描述其他文本语义的文本, 我们称之为标签, 标签是由尖括号包围的关键字 , 比如<html>
- 标签是不会在浏览器中显示出来的
- 标签通常是成对出现的,比如 <p></p>
- 标签对中的第一个标签是开始标签, 第二个是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
- HTML标签对大小写不敏感, 万维网联盟(W3C)在HTML4中推荐使用小写,而在未来(X)HTML版本中强制使用小写
HTML标签的分类
- 单标签
只有开始标签没有结束标签, 也就是由一个<>组成的,如:<meta charset="UTF-8" />
<br />
- 双标签
有开始标签和结束标签, 也就是由一个<>
和一个</>
组成的,如:<html> </html>
DTD文档声明
HTML有很多个版本的规范, 每个版本的规范之间又有一定的差异. DTD文档声明正是用来告诉浏览器当前网页所使用的HTML规范的版本, 好让浏览器能够正确的编译/解析/渲染该网页
格式
<!DOCTYPE html>
注意事项
- 必须是HTML文档的第一行,位于
<html>
标签之前 <!DOCTYPE html>
不是HTML标签<!DOCTYPE>
声明没有结束标签<!DOCTYPE>
声明对大小写不敏感- 这个声明浏览器会看, 但是并不是完全依赖于这个声明, 浏览器有一套自己的默认的处理机制
常见的DOCTYPE有如下几种
HTML4.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">HTML5: <!DOCTYPE html>
网页基本结构
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body></html>
html标签: 说明这是一个html文档,包含在<html></html>
中的文本用来描述网页, 其他所有标签都包含在html标签中
head标签: 用于给网页添加一些配置信息, 如:指定网站的标题/小图片,添加网站的SEO相关的信息(指定网站的关键字/指定网站的描述信息), 外挂一些外部的css/js文件, 添加一些浏览器适配相关的内容
title标签: 指定网页的标题,必须写在head标签里面
meta标签: 指定网页所用的字符集
body标签: body标签之间的文本是可见的页面内容, 一对html标签中只能有一对body标签
- HTML学习笔记一
- html学习笔记一
- html学习笔记一
- html学习笔记一
- HTML 学习笔记一
- HTML学习笔记一
- HTML学习笔记(一)
- HTML学习笔记B一
- HTML学习笔记 之 一
- html学习笔记(一)
- html学习笔记(一)
- HTML学习笔记(一)
- HTML学习笔记(一)
- HTML 学习笔记(一)
- Html学习笔记(一)
- Html 语法学习笔记一
- HTML学习笔记(一)
- HTML学习笔记(一)
- HBase 系统架构
- 646. Maximum Length of Pair Chain 类似与最长子序列但是有简单做法 贪心方法
- 2017年9月7日训练日记
- c语言中的转义序列
- Web 弹层组件-layer
- HTML学习笔记(一)
- 李飞飞CS231n课程-中文笔记(包括课后作业要求)翻译汇总
- svn server
- express中app.use()使用方法
- 持续交付实践之helloCD-jenkins+dotnet项目
- Codeforces Round #433 (Div. 2, based on Olympiad of Metropolises)C. Planning
- 电梯测试用例设计
- Just a Hook(线段树 )
- Ajax用法