资讯专栏INFORMATION COLUMN

HTML

BigNerdCoding / 1713人阅读

摘要:标签会告诉浏览器立即停止当前的文本流,并在下一行显示。在标签中使用全局的属性,这样就能够在鼠标指针移动到元素上时显示出简称缩写的完整版本。突出显示部分文本。对被请求页面的访问被禁止。服务器无法找到被请求的页面。

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.内部样式表(位于 标签内部)
4.内联样式(在 HTML 元素内部)
内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明: 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。

外部样式表可以极大提高工作效率(控制.css文件,控制多个页面的样式)

JavaScript 初级概念

JavaScript 被设计用来向 HTML 页面添加交互行为,通常被直接嵌入 HTML 页面

JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)

JavaScript 是一种解释性语言(就是说,代码执行不进行预编译)

什么是 XML

XML 被设计用来描述数据,HTML 被设计用来显示数据

XML 指可扩展标记语言,很类似 HTML

XML 标签没有被预定义。您需要自行定义标签

XML 使用文件类型声明(DTD)或者 XML Schema 来描述数据

XML 不会做任何事情。XML 被设计用来结构化、存储以及传输信息
下面是 John 写给 George 的便签,存储为 XML:


George
John
Reminder
Don"t forget the meeting!
Web 构件

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 元素。


  

First name:

Last name:

图像

带有可点击区域的图像映射(点击图片区域跳转)。


  Venus
  Mercury
  Sun

音频/视频

定义声音,比如音乐或其他音频流(具体属性:audio标签)。

定义视频,比如电影片段或其他视频流(具体属性:vedio标签)。

允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

 

链接

定义锚,超链接,用于从一张页面链接到另一张页面。target 属性规定在何处打开页面上的所有链接。

   W3School

链接一个外部样式 样式 样式表。



列表

    无序列表,点开头

    • Coffee
    • Tea
    • Milk

      有序列表,数字开头(默认1开始累加)

      1. 咖啡
      2. 牛奶

      属性

      里面有很多神奇的功能,但是多数不常用!!!

      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 鼠标指针移动到元素上时触发

      Smiley

      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

相关文章

  • HTML的简介

    摘要:教程标准超文本标记语言英语,简称是一种用于创建网页的标准标记语言。版本从初期的网络诞生后,已经出现了许多版本版本发布时间声明声明有助于浏览器中正确显示网页。声明是不区分大小写的,以下方式均可通用声明查看完整网页声明类型参考手册。HTML 教程- (HTML5 标准) 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。...

    cncoder 评论0 收藏0
  • html学习一

    摘要:列表的列表有有序列表和无序列表无序列表有序列表块元素大多数元素被定义为块级元素或内联元素。例子内联元素在显示时通常不会以新行开始。元素元素是内联元素,可用作文本的容器。当与一同使用时,元素可用于为部分文本设置样式属性。 简介 标题 段落 什么是HTML? HTML 是用来描述网页的一种语言: HTML 指的是超文...

    xorpay 评论0 收藏0
  • 前端菜鸟笔记 Day-1 HTML&HTML 5

    摘要:行内元素特征设置宽高属性无效设置仅左右水平方向有效,上下垂直无效设置上下左右都有效内容不会自动进行换行行内块元素行内块元素综合了两者的特征,各有取舍,可以对任意元素进行属性设置。 文章大纲来源:【Day 1】HTML & HTML 5 标记语言 XHTML/HTML/HTML 5异同 了解doctype HTML HTML 5 标记语言 标记语言(ML)即 Markup Langu...

    kevin 评论0 收藏0
  • 01-html介绍和head标签

    摘要:三开发工具的使用使用技巧编辑器四介绍的概述全称,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。【转】01-html介绍和head标签主要内容web标准浏览器介绍开发工具介绍HTML介绍HTML颜色介绍HTML规范HTML结构详解一、web标准web准备介绍:w3c:万维网联盟组织,用来制定web标准的机构(组织)web标准:制作网页遵循的规范...

    番茄西红柿 评论0 收藏0
  • w3schools网站的HTML教程之HTML介绍

    摘要:浏览器一个浏览器的作用是读取并显示一个文档。声明声明有助于浏览器能够正确地显示页面。声明是不区分大小写的,以下所有写法都是正确地常见声明版本在网络的早期,就具有了很多版本版本年份本文翻译于网站提供的教程。 什么是HTML HTML 是一种描述 Web 文档(页面)的标记语言。 HTML 代表超文本标记语言(Hyper Text Markup Language) 标记语言就是一组标记标...

    ccj659 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<