web 基础:
1.web标准(万维网-W3C):
结构标准--HTML ->决定网页上有什么东西(能够显示什么内容)
表现标准--CSS ->决定网页上内容的布局和显示方式
行为标准--JavaScript(JS)->决定网页上动态的效果
2.认识HTML
HTML是超文本标记语言(可以用来标记文本、图片、视频、音频、按钮、输入框等内容)
HTML不是编程语言,不会编译执行,语法错误也不会报错导致程序不能往后执行
3.HTML版本
H5:指HTML5+CSS3+js(广义)、HTML5(狭义)
4.HTML编程
a.HTML标记语言对应文件的后缀,一般都是html
b.HTML的结构:整个html是通过不同的标记来组成
5.标签/标记
a.双标签(常规标签)
<标签名 属性=属性值 属性=属性值>标签内容标签名>
b.单标签(自闭和标签)
<标签名 属性=属性值 属性=属性值/>
<标签名 属性=属性值 属性=属性值>
说明:
标签名:HTML标准中固定的(注意:<和标签名之间不能有空白)
属性:属性和标签名之间用空格隔开,以属性=属性值的形式存在,多个属性之间也用空格隔开
(属性可以是HTML标准中的属性,也可以是自定义的属性)
标签内容:是值开始标签和结束标签之间的内容。标签的内容可以是任何内容(可以是字符串,也可以是其它任何标签)
补充:HTML语法中,不区分大小写
6.网页的结构
嗨,welcome to HTML! - 锐客网
body:网页显示内容
文本标签
- 锐客网 标题一
biaoti2
标题3
标题4
标题5
标题6这是最坏的时代,这是最坏的时代。被掩埋的逐渐浮出水面,被捧杀的慢慢回归历史的真相,
被抹杀的偷偷的藏了起来,这一切,只是为了让老三承认,“如果师父同意在中国的地里种鸦片,我就不杀他了”。
至于必然险阻的未来,从鹅城活下来的老七能做的已经都做了,他老了,老到了该成为永远不死的小六子的养料
的时候了,新陈代谢是自然规律,新的必然会战胜旧的,这就是历史,这就是时代,这就是,邪不压正。
    这是最坏的时代,这是最坏的时代。被掩埋的逐渐浮出水面,被捧杀的慢慢回归历史的真相,
被抹杀的偷偷的藏了起来,这一切,只是为了让老三承认,“如果师父同意在中国的地里种鸦片,我就不杀他了”。
至于必然险阻的未来,从鹅城活下来的老七能做的已经都做了,他老了,老到了该成为永远不死的小六子的养料
的时候了,新陈代谢是自然规律,新的必然会战胜旧的,这就是历史,这就是时代,这就是,邪不压正。
    这是最坏的时代,这是最坏的时代。被掩埋的逐渐浮出水面,被捧杀的慢慢回归历史的真相,
被抹杀的偷偷的藏了起来,这一切,只是为了让老三承认,“如果师父同意在中国的地里种鸦片,我就不杀他了”。
至于必然险阻的未来,从鹅城活下来的老七能做的已经都做了,他老了,老到了该成为永远不死的小六子的养料
的时候了,新陈代谢是自然规律,新的必然会战胜旧的,这就是历史,这就是时代,这就是,邪不压正。
    这是最坏的时代,这是最坏的时代。被掩埋的逐渐浮出水面,被捧杀的慢慢回归历史的真相,
被抹杀的偷偷的藏了起来,这一切,只是为了让老三承认,“如果师父同意在中国的地里种鸦片,我就不杀他了”。
至于必然险阻的未来,从鹅城活下来的老七能做的已经都做了,他老了,老到了该成为永远不死的小六子的养料
的时候了,新陈代谢是自然规律,新的必然会战胜旧的,这就是历史,这就是时代,这就是邪不压正。
文章图片
效果展示
列表
list - 锐客网
- Chinese
- Match
- English
- 成都
- 长安
- 北京
- City
- Changan
- Beijing
- Shanghai
- Province
- Shaanxi
文章图片
表格.png 图片和超链接
- 锐客网
文章图片
文章图片
百度一下
百度一下2
表格
- 锐客网
姓名
成绩
是否留级
GHope
99
False
Lucy
98
False
文章图片
表格 稍微复杂的表格
- 锐客网
文章图片
比较复杂的表格 一些参考资料 HTML 超文本标记语言,标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容
什么是HTML HTML是用来描述网页的一种语言。
- HTML 指的是超文本标记语言: HyperText Markup Language
- HTML 不是一种编程语言,而是一种标记语言
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
- HTML 文档包含了HTML 标签及文本内容
- HTML文档也叫做 web 页面
- HTML 标签是由尖括号包围的关键词,比如
- HTML 标签通常是成对出现的,比如 和
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
<标签>内容标签> |
---|
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:
HTML 元素:
这是一个段落
HTML网页结构 下面是一个可视化的网页结构:
文章图片
image 其中白色区域才是在网页中可见的部分
HTML版本 从初期的网络诞生后,已经出现了许多HTML版本:
版本 | 发布时间 |
---|---|
HTML | 1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML 1.0 | 2000 |
HTML5 | 2012 |
XHTML5 | 2013 |
网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
doctype 声明是不区分大小写的,以下方式均可:
通用声明
html5 :
HTML 4.01:
XHTML 1.0 :
查看完整网页声明类型 DOCTYPE 参考手册。
中文编码 目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8。
页面标题 - 锐客网
我的第一个标题
我的第一个段落。
百度一下
常用标签 1.HTML元素 元素包含了所有的头部标签元素。在 元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
可以添加在头部区域的元素标签为: