超文本标记语言

HTML 的简单了解

你说的曾经没有我的故事 提交于 2020-02-20 13:49:41
HTML概述 HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。 —— 百度百科 HTML的全称为:Hypertext Marked Language,即超文本标记语言。 超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本。 数据类型 超文本标记语言定义了多种数据类型的元素内容,如脚本数据和样式表的数据,和众多类型的属性值,包括ID、名称、URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等。所有这些数据类型都是专业的字符数据。 常见实体 显示结果 描述 实体名称 实体编号 空格   < 小于号 < < > 大于号 > > & 和号 & & " 引号 " " ' 撇号 &apos; (IE不支持) ' ¢ 分 ¢ ¢ £ 镑 £ £ ¥ 日元 ¥ ¥ € 欧元 € € § 小节 § § © 版权 © © ® 注册商标 ® ® ™ 商标 ™ ™ × 乘号 × × ÷ 除号 ÷ ÷ 整体结构 一个网页对应多个HTML文件,超文本标记语言文件以.htm(磁盘操作系统DOS限制的外语缩写)为扩展名或.html(外语缩写)为扩展名

Web前端—01HTML超文本标记语言

拥有回忆 提交于 2020-02-09 03:10:19
文章目录 一、Wed前端开发介绍 1、Web概述 2、Web起源 3、Web的特点 4、Web工作原理 5、URL介绍 二、HTML网页结构 1、HTML介绍 2、HTML基本结构 3、文档类型 4、文档规范与注释 三、HTML标签 1、文本标签 2、换行标签 3、列表标签 4、div和span标签 5、图片标签img 6、超链接标签 7、表格标签 (1)表格标签 (2)表格标签合并 (3)案例 8、表单标签 (1)表单标签 (2)表单项标签 (3)案例 (3)文本域标签 (4)下拉列表标签 (5)按钮标签 9、html内嵌框架 以上介绍到的是一些常用的标签,还有很多,需要时可以上网查询,菜鸟教程或者W3C 一、Wed前端开发介绍 1、Web概述 前端开发三剑客: HTML :超文本标记语言 CSS :层叠样式表,用来装饰HTML框架 JavaScript :前端编程语言,用来使页面进行交互,动态展示 三者可以理解为:人(HTML) ---- 给人化妆 (CSS)---- 使人动起来(JavaScript) 在使用JavaScript时候,它很底层,开发的时候太慢,为了使开发页面更快,其实是封装了JS的一些框架,类似于python中的模块,比如jQuery,viewe.js等 2、Web起源 1984年蒂姆伯纳斯李创造了世界上第一个万维网导航站点世界上第一个网站 3、Web的特点

四、Web链接和兼容性测试

ⅰ亾dé卋堺 提交于 2020-02-01 07:09:51
目录 1.Web链接概述 1.1 什么是超文本、超文本标记语言、超文本传输协议、超链接 1.2 超链接分类 1.3超链接测试目标 1.4死链接工具xenu 1.5Xenu检测过程 1.6 Xenu检测报告 1.7 执行步骤 2.兼容性测试 2.1 浏览器统计使用:https://tongji.baidu.com/research/site 2.2 浏览器测试方法 2.3 浏览器兼容性 2.4 浏览器兼容性测试点 2.5 浏览器兼容性测试工具 1.Web链接概述 1.1 什么是超文本、超文本标记语言、超文本传输协议、超链接 超文本(HyperText):是超级文本的中文缩写。将各种不同空间的(文字、图片、视频、电子邮件) 信息组织 在一起的网状文本。 超文本标记语言(HTML):就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素,标记(标签)构成的语言。 超文本传输协议(HTTP):是一个简单的请求-响应协议,它通常运行在TCP之上。 超链接(HL):某超文本文档中的元素,与另一个超文本、文件或脚本的不同元素之间的连接。 1.2 超链接分类 1.3超链接测试目标 测试所有链接是否按照指示的那样确实链接到了该链接的页面 测试所链接的页面是否存在 确保Web应用系统上没有孤立的页面存在 1.4死链接工具xenu 免费 简单,简洁的用户界面 小,可执行文件小于1MB 支持SSL网站

初识 html

人走茶凉 提交于 2020-02-01 00:29:18
一、定义 超文本标记语言,负责网页的结构,使用标签的形式表示网页的不同组成部分,所谓的超文本就是超链接,使用超链接可以让我们从一个页面跳转到另一个页面。 二、基本格式 <html> <head> <meta charset="utf-8" /> <title>标题</title> </head> <body> <h1>第一个网页</h1> </body> </html> 三、标签 1. html 一个页面中有且只有根标签,网页中所有的内容都应该写在跟标签中 <html></html> 2. head 标签的内容,不会在网页中直接显示,用来帮助浏览器解析页面 <head></head> 3. title 网页标题标签。默认显示在浏览器的标题栏中,搜索引擎搜索页面时,首先会检索title标签中的内容,它是网页搜索引擎最重要的内容,会影响网页在搜索引擎的排名 <title></title> 4. body 设置网页中的主题内容,网页中所有可见的内容,都应该放在body中编写 <body></body> 5. meta meta是一个自结束标签,编写一个自结束标签时,开以在开始标签中加一个/,meta用来设置网页的一些元数据,比如网页的字符集,关键字,简介,搜索引擎搜索时,会检索关键词和描述,但不会影响搜索引擎的排名 (1) 字符集 <meta charset="utf-8" /> (2)

html介绍和head标签

人盡茶涼 提交于 2020-01-29 19:56:48
一、web标准 web准备介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web准备规范的分类:结构标准、表现标准、行为标准。 结构:html。表示:css。行为:Javascript。 web准备总结: 结构标准:相当于人的身体。html就是用来制作网页的。 表现标准: 相当于人的衣服。css就是对网页进行美化的。 行为标准: 相当于人的动作。JS就是让网页动起来,具有生命力的 二、浏览器介绍 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、猎豹浏览器、Safari和Opera等 浏览器内核: 浏览器  内核 IE trident chrome blink 火狐 gecko Safari webkit PS:「浏览器内核」也就是浏览器所采用的「渲染引擎」,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。 渲染引擎是兼容性问题出现的根本原因。 三、开发工具介绍 Sublime Text的使用 参考链接: Sublime Text使用技巧 四、HTML介绍 1、HTML的概述 html全称HyperText Mackeup Language,翻译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的显示方式。比如字体、颜色、大小等。 超文本:音频,视频

HTML之入门

不想你离开。 提交于 2019-12-23 00:56:22
目前软件行业大多数的项目都是基于B/S架构,即在浏览器端实现效果展示。 互联网的三大基石 HTML:超文本标记语言 HTTP:超文本传输协议 URL:统一资源定位符 HTML入门 HTML意义: HTML是一种专门对网页信息进行规范化展示的语言,把网页的信息格式化展现的语言。 什么是HTML HTML:超文本标记语言。 超文本:文本信息、图片、声音、视频、超链接等。 标记:标签的体现。 < html > < head > < ! - - head中会书写一些浏览器中的配置标签 - - > < title > 这是我的第一个网页 < / title > < / head > < / body > < ! - - body中会书写直接展现到用户面前的信息 - - > this is my first html! < / body > < / html > 来源: CSDN 作者: Python'sGod 链接: https://blog.csdn.net/weixin_44733660/article/details/103656402

HTML简介

ぃ、小莉子 提交于 2019-12-20 04:36:09
超文本标记语言, 标准通用标记语言 下的一个应用。是 网页制作必备的编程语言。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的 具体 内容。 由来 万维网 (world wide web)上的一个 超媒体 文档称之为一个 页面 ( 外语 :page)。作为一个组织或者个人在 万维网 上放置开始点的 页面 称为 主页 (外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的 指针 ( 超级链接 ),所谓 超级链接 ,就是一种 统一资源定位器 (Uniform Resource Locator, 外语 缩写 : URL )指针,通过激活(点击)它,可使 浏览器 方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列 页面 的有机集合称为 网站 ( Website 或Site)。超级文本标记语言(英文缩写:HTML)是为“ 网页 创建和其它可在 网页浏览器 中看到的信息”设计的一种 标记语言 。 网页的本质就是超级文本标记语言,通过结合使用其他的 Web技术 (如: 脚本语言 、 公共网关接口 、 组件 等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网( Web )编程的基础,也就是说 万维网 是建立在超文本基础之上的

HTML(超文本标记语言)之【动态网页】

拜拜、爱过 提交于 2019-12-07 02:03:41
HTML前面已经介绍,所以CSS和JavaScript就是我们今天的主要内容。 CSS全称是级联样式表(Cascading Style Sheets)。解决内容与表现分离的问题 样式解决了一个普遍的问题 HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成,而不使用任何的格式化标签。 由于两种主要的浏览器(Netscape 和 Internet Explorer)不断地将新的 HTML 标签和属性(比如字体标签和颜色属性)添加到 HTML 规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难。 为了解决这个问题,万维网联盟(W3C),这个非营利的标准化联盟,肩负起了 HTML 标准化的使命,并在 HTML 4.0 之外创造出样式(Style)。所有的主流浏览器均支持层叠样式表。 层叠次序 当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢? 一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。 浏览器缺省设置 外部样式表 内部样式表(位于 <head> 标签内部) 内联样式(在 HTML 元素内部) 因此,内联样式(在 HTML 元素内部)拥有最高的优先权

沃土前端系列 - HTML常用标签

谁说我不能喝 提交于 2019-12-05 08:58:42
html是什么 HTML是Hyper Text Markup Language的缩写,中文的意思是“超文本标记语言”,它是制作网页的标准语言。由于网页中不仅包含普通文本,还包含超文本,故被称作超文本描述语言。 那什么是超文本呢?所谓超文本,就是指图像、视频、动画、声音、表格、链接等多媒体的内容。 第一个网页Hello world 打开记事本,写上Hello world,然后保存为index.html,接着用浏览器把index.html打开,就看到了 Hello world,这就是一个最简单的网页。 认识标签 什么是标签(元素) <!-- DOCTYPE 这个文档类型,一开始无需深究 --> <!DOCTYPE html> <html> <!-- 网页的一些设置放在head --> <head> <!-- 设置字符集 --> <meta charset="UTF-8"> <!-- 设置标题--> <title>demo</title> </head> <!-- 看得见的部分放在body --> <body> hello world </body> </html> html、body、head、meta都是标签,不同的标签作用也不同 常用标签一 标题标签H1~H6 分割线标签 hr div标签 段落p标签 span标签 块级标签和行内标签 换行标签 br 图片标签 列表标签 <

前端

大兔子大兔子 提交于 2019-12-03 23:47:26
HTML指的是超文本标记语言(Hyper Text Mark up Language) CSS 级联样式表(Cascading Style Sheet)简称“CSS”通常又称为“风格样式表”(Style Sheet),它是用来进行网页风格设计的。 JavaScript 是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,为客户提供更流畅的浏览效果。 来源: https://www.cnblogs.com/a1b2c3d4/p/11811819.html