摘要:标签会告诉浏览器立即停止当前的文本流,并在下一行显示。在标签中使用全局的属性,这样就能够在鼠标指针移动到元素上时显示出简称缩写的完整版本。突出显示部分文本。对被请求页面的访问被禁止。服务器无法找到被请求的页面。
W3school 最全HTML参考手册
WWW初级概念什么是WWW
WWW 指万维网(World Wide Web),万维网常被称为Web
Web 是由遍布全球的计算机所组成的网络,所有 Web 中的计算机都可以彼此通信
所有这些计算机都使用名为 HTTP 的通信标准
WWW 如何工作
web项目存储于服务器里面
用户通过浏览器来查看web程序
浏览器通过一个已知请求来访问服务器的网页
请求是一个包含页面地址的标准 HTTP 请求,如:http://ip或域名/xxx
浏览器如何显示页面
所有的网页都含有其如何被显示的结构
浏览器通过阅读这些结构来显示页面
谁制定 web 标准
web 的规则制定主体是 W3C,万维网联盟(World Wide Web Consortium)
最核心的 web 标准是 HTML、CSS、XML
HTML 初级概念HTML 指的是超文本标记语言,并非编程语言
HTML 使用标记标签来描述网页
HTML 文档描述网页,所以 HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容
XHTML 初级概念XHTML 指可扩展超文本标签语言
XHTML 的目标是取代 HTML
XHTML 是更严格更纯净的 HTML 版本
CSS 初级概念CSS 指层叠样式表
为了解决内容与表现分离的问题(外部样式表通常存储在 CSS 文件中)
多个样式定义可层叠为一
当同一个HTML元素被不止一个样式所定义时,会使用哪个样式呢?
1.浏览器缺省设置
2.外部样式表
3.内部样式表(位于
外部样式表可以极大提高工作效率(控制.css文件,控制多个页面的样式)
JavaScript 初级概念JavaScript 被设计用来向 HTML 页面添加交互行为,通常被直接嵌入 HTML 页面
JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)
JavaScript 是一种解释性语言(就是说,代码执行不进行预编译)
什么是 XMLXML 被设计用来描述数据,HTML 被设计用来显示数据
XML 指可扩展标记语言,很类似 HTML
XML 标签没有被预定义。您需要自行定义标签
XML 使用文件类型声明(DTD)或者 XML Schema 来描述数据
XML 不会做任何事情。XML 被设计用来结构化、存储以及传输信息
下面是 John 写给 George 的便签,存储为 XML:
Web 构件George John Reminder Don"t forget the meeting!
HTML 4.01
CSS 的使用 (样式表)
XHTML
XML 和 XSLT
客户端脚本
服务器端脚本
通过 SQL 管理数据
Web 的未来
标签(按功能分类)基础
换行符,它是一个空标签(意味着它没有结束标签)。
标签会告诉浏览器立即停止当前的文本流,并在下一行显示。
标签的 clear 属性只对这些左对齐或右对齐的图像或表格起作用。它可以具有三个值:left、right 或者 all,每个值都代表一个边界或两边的边界。当指定的边界没有图像时,浏览器才会继续输出文本。
格式
标记缩写。在 标签中使用全局的 title 属性,这样就能够在鼠标指针移动到 元素上时显示出简称/缩写的完整版本。
The PRC was founded in 1949.
突出显示部分文本。默认是黄色背景,可以通过定义style切换mark的背景色
Do not forget to buy milk today.
Do not forget to buy milk today.
表单
标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
图像
和带有可点击区域的图像映射(点击图片区域跳转)。
音频/视频
定义声音,比如音乐或其他音频流(具体属性:audio标签)。
定义视频,比如电影片段或其他视频流(具体属性:vedio标签)。
允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
链接
定义锚,超链接,用于从一张页面链接到另一张页面。target 属性规定在何处打开页面上的所有链接。
W3School
链接一个外部样式 样式 样式表。
列表
无序列表,点开头
有序列表,数字开头(默认1开始累加)
属性
- 咖啡
- 牛奶
- 茶
里面有很多神奇的功能,但是多数不常用!!!
accesskey属性 规定激活(使元素获得焦点)元素的快捷键。
HTML 教程
注释:请使用Alt + accessKey (或者 Shift + Alt + accessKey) 来访问带有指定快捷键的元素。
data-* 属性 嵌入自定义数据。
这个属性用于存储页面或应用程序的私有自定义数据,可以应用在所有 HTML 元素上。存储的(自定义)数据能够被页面的 JavaScript 中 获取。
data-* 属性包括两部分:
1.属性名不应该包含任何大写字母,并且在前缀 "data-" 之后必须有至少一个字符
2.属性值可以是任意字符串
物种
点击某个物种来查看其类别:
Window 事件属性(应用到 标签!!!)
onload 事件属性,页面加载之后立即调用脚本
onresize 事件属性,当浏览器窗口被调整大小时调用
Form 事件(应用到几乎所有 HTML 元素)
onblur 事件属性,元素失去焦点时触发
onchange 事件属性,元素值改变时触发。非即时触发,失去焦点时触发
onfocus 事件属性,元素获得焦点时触发
Keyboard 事件
onkeydown 事件属性,用户(在键盘上)按键时触发
onkeypress 事件属性,用户(在键盘上)按键时触发
onkeyup 事件属性,用户(在键盘上)释放按键时触发
注:三个事件的调用顺序:onkeydown - onkeypress - onkeyup
Mouse 事件
ondblclick 事件属性,鼠标双击元素时触发
onmousedown 鼠标按下时触发,onmouseup 松开鼠标按钮时触发。事件顺序:onmousedown - onmouseup - onclick
请点击文本!
onmousemove 鼠标指针移动到元素上时触发,onmouseout 鼠标指针移动到元素外时触发,onmouseover 鼠标指针移动到元素上时触发
onmousewheel 当鼠标滚轮正在被滚动时运行的脚本
onscroll 当元素滚动条被滚动时运行的脚本
HTTP状态消息1xx: 信息
2xx: 成功
200:请求成功
3xx: 重定向
4xx: 客户端错误
400 Bad Request:服务器未能理解请求。
403 Forbidden:对被请求页面的访问被禁止。
404 Not Found:服务器无法找到被请求的页面。
415 Unsupported Media Type:由于媒介类型不被支持,服务器不会接受请求(比如请求格式不对,要json,传string)。
5xx: 服务器错误
比较 GET 与 POST文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/53443.html
摘要:行内元素特征设置宽高属性无效设置仅左右水平方向有效,上下垂直无效设置上下左右都有效内容不会自动进行换行行内块元素行内块元素综合了两者的特征,各有取舍,可以对任意元素进行属性设置。 文章大纲来源:【Day 1】HTML & HTML 5 标记语言 XHTML/HTML/HTML 5异同 了解doctype HTML HTML 5 标记语言 标记语言(ML)即 Markup Langu...
摘要:三开发工具的使用使用技巧编辑器四介绍的概述全称,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。【转】01-html介绍和head标签主要内容web标准浏览器介绍开发工具介绍HTML介绍HTML颜色介绍HTML规范HTML结构详解一、web标准web准备介绍:w3c:万维网联盟组织,用来制定web标准的机构(组织)web标准:制作网页遵循的规范...
摘要:浏览器一个浏览器的作用是读取并显示一个文档。声明声明有助于浏览器能够正确地显示页面。声明是不区分大小写的,以下所有写法都是正确地常见声明版本在网络的早期,就具有了很多版本版本年份本文翻译于网站提供的教程。 什么是HTML HTML 是一种描述 Web 文档(页面)的标记语言。 HTML 代表超文本标记语言(Hyper Text Markup Language) 标记语言就是一组标记标...
阅读 927·2021-11-23 09:51
阅读 992·2021-11-18 10:02
阅读 1907·2021-09-10 11:27
阅读 3138·2021-09-10 10:51
阅读 775·2019-08-29 15:13
阅读 2063·2019-08-29 11:32
阅读 2501·2019-08-29 11:25
阅读 3044·2019-08-26 11:46