html语言

00.HTML基础整理

陌路散爱 提交于 2020-02-09 13:50:15
HTML基础整理 一、什么是HTML HyperTexr Markup Language的缩写, 超文本标记语言 只有一个作用:专门用来描述文本的语义(也就是告诉你那些是标题那些是段落等等) 用于描述其他文本语义的文本,称之为 标签 ,且不会在浏览器上显示出来 标签可嵌套 ,但不能你中有我我中有你; Html标签不区分大小写,但建议使用小写; 基本模板 <!DOCTYPE html> <html> <head> <meta charset= "utf-8" > <title></title> </head> <body> </body> </html> 二、什么是URL 格式:http:/128.0.0.1:80/index.html(完整格式) 协议类型://ip地址:端口号/资源路径/资源名称 URL拆分 网络协议类型 http:// 服务器ip地址 128.0.0.1 服务器端口号 :80 资源路径 网页在服务器上的路径 资源名称 index.html 三、基本标签 1、 html标签 作用:告诉浏览器这是一个网页 其他所有标签都必须写在html标签内 2、 head标签 作用:用于给网站添加一些配置信息 eg: 指定网站的标题、小图片 外挂一些css/js文件 添加一些浏览器适配相关的内容呢 注意:Head标签内的内容不会显示给用户看 3、 body标签 作用

Java EE入门(一)——HTML基础

余生颓废 提交于 2020-02-09 12:54:04
Java EE入门(一)——HTML基础   iwehdio的博客园: https://www.cnblogs.com/iwehdio/ 1、HTML基础 Hyper Text Markup Language:超文本标记语言。 是设计网页的基础。 超文本:比普通文本更加强大,可以添加各种样式。 标记语言:通过一组标签()来对内容进行描述,由浏览器解释执行。 HTML 语法规范: <!DOCTYPE html> <!-- 1、<!DOCTYPE html>是文档声明,不同的html规范声明形式也不同。 2、<html></html>是根标签。 3、html文件包含两部分,头部分和体部分。 4、<head></head>头部分主要是用来放置页面信息。 5、<body></body>体部分主要是用来放置页面内容。 6、通过标签对内容进行描述,标签通常都是由开始标签和结束标签组成,标签不区分大小写。 --> <html> <head> <!--网站的配置信息,指定浏览器打开页面的编码方式--> <meta charset="utf-8" /> <!--指定网站标题--> <title>HTMLDemo</title> </head> <body> <!--显示内容--> HelloWorld </body> </html> 标签: 对于需要包裹内容的标签,分为头尾 <标签></标签> 。

【JavaWeb】HTML

牧云@^-^@ 提交于 2020-02-09 12:52:25
HTML概念 最基础的网页开发语言,一种超文本标记语言 超文本: 超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本. 标记语言: 由标签构成的语言。 如 html,xml 标记语言不是编程语言。 常用标签 1.文件标签:构成html最基本的标签 - html:html文档的根标签 - head:头标签。用于指定html文档的一些属性。引入外部的资源 - title:标题标签。 - body:体标签 - <!DOCTYPE html>:html5中定义该文档是html文档 2.文本标签:和文本有关的标签 - 注释:<!-- 注释内容 --> - <h1> to <h6>:标题标签 - h1~h6:字体大小逐渐递减 - <p>:段落标签 - <br>:换行标签 - <hr>:展示一条水平线 - 属性: - color:颜色 - width:宽度 - size:高度 - align:对其方式 - center:居中 - left:左对齐 - right:右对齐 - <b>:字体加粗 - <i>:字体斜体 - <font>:字体标签 - <center>:文本居中 - 属性: - color:颜色 - size:大小 - face:字体 - 属性定义: - color: 1. 英文单词:red,green,blue 2. rgb(值1,值2,值3):值的范围:0~255

html基础

♀尐吖头ヾ 提交于 2020-02-09 11:37:54
---恢复内容开始--- html 是一种标记语言,而不是编程语言,它是制作网页的基础语言,主要用于描述超文本语言,主要描述超文本中内容的显示方式 html基本结构 <html> <head> <title></title> </head> <body></body> </html> XHTML和HTML的区别? 标记嵌套的使用(严格和不严格) 大小写的使用(区分和不区分) 引号的使用(属性必须加引号/随意) 结束标记(不许省略/可以省略) 样式的使用(type/style) 定义文字方向 文字从右向左 <bdo dir = "rtl"> 往事随风 </bdo> 文字从左向右 <bdo dir = "itr"> 往事随风 </bdo> 设置文字 字体 大小 颜色 <font face = "宋体" size = "3" color = "red"> 以后洒脱 </font> -------> 以后洒脱 居中标签 <center> </center> 水平线 <hr> (单标签) 设置段落对齐方式 左对齐 <p align = "left"> 以后洒脱 </p> 居中对齐 <p align = "center"> 以后洒脱 </p> 右对齐 <p align = "right"> 以后洒脱 </p> 标题标签 <h1></h1> ...<h6></h6> 列表分类 无序列表 <ul>

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的特点

引入CSS

半城伤御伤魂 提交于 2020-02-08 18:54:46
Web早期,HTML是一种很有限的语言,这种语言不关心外观,它只是一种简洁的小型标记机制。随着Mosaic网页浏览器的出现,网站开始到处涌现。对于页面改变外观的需求增加,于是增加了类似 <font> 和 <big> 之类的标记元素。几年之后,大多数网站标记几乎完全由表格和font元素组成,且对于所要表现的内容不能传达任何实际含义,使文档可用性降低,且不易于维护。于是1995年,W3C发布了CSS草案,试图解决结构与样式混杂的问题。1996年,W3C正式推出CSS1。1998年,推出CSS2。2001年从CSS3开始,CSS这门语言分割成多个独立的模块,每个模块独立分级,且只包含一小部分功能;2011年开始设计CSS4 本文将主要介绍引入CSS样式的方式,包括外部样式表、内部样式表和行间样式三种方式 注意:CSS语法非常简单,但容易忽略的一点是不能省略分号(最后一个样式除外) 外部样式表 【使用link标记】 在link标记中rel和href属性是必须的,type属性和media属性可省略 <link rel="stylesheet" type="text/css" href="sheet1.css" media="all" /> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel=

html能触发php函数吗?

我与影子孤独终老i 提交于 2020-02-08 14:22:30
html能触发php函数吗? html不能触发php函数,html是超文本标记语言,只是用来构建页面结构的,不能触发php的某个函数。 要触发php的某个函数,我们有下面几个实现方法: ● 使用JavaScript来发送ajax请求,触发php的某个函数。 ● 利用a标签,刷新页面,并带上一些参数来触发php的某个函数。 具体实现方式如下: 1、使用Ajax来触发php的函数 (1)JavaScript代码 1 2 3 4 5 6 7 8 var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function () { if ( this .readyState == 4 && this .status == 200) { console.log( this .responseText) } }; xmlhttp.open( "GET" , "test.php?func=sayHi" , true ); xmlhttp.send(); (2)test.php文件 1 2 3 4 5 6 7 8 9 <?php if ($_GET[ 'func' ] == 'sayHi' ) { sayHi(); } function sayHi () { echo "hello world" } ?> 2

深入理解BS结构应用程序

◇◆丶佛笑我妖孽 提交于 2020-02-08 06:22:40
深入理解BS结构应用程序   随着学习的深入,和编程经验的丰富,对 BS 应用程序有一些认识。   在一些讨论软件技术的 QQ 群里,或一些社区、 BBS 中,经常会有一些初学者会犯一些认知性的错误。比如经常会有一些朋友提这样的一些问题:“我怎么在 ASP 中调用我写的这个 JavaScript 函数啊?”或者说“我怎么在 JavaScript 中调用我 DAL 层读取数据的方法啊?”   对于这些问题,说实话,我也犯过,当时也纠结的不得了。现在想想,其实是对 BS 结构的程序没有一个整体的概念,或者可以说根本不知道什么叫 BS 结构的应用程序。因此,学习过程中会走不少弯路,经历不少痛苦。   经过这几年的学习,有一些心得经验,和大家分享一下。   要理解 BS 这个概念,必需要从 BS 应用程序的起源说起。   BS 应用程序又称 Web 应用程序。其实最初 Web 并不是应用程序,它只是一种服务,一种共享信息的服务。   Web 是什么,是网,是网络。最早的网络只是提供了一种下载并打开远端页面文件的一种服务,人们可以通过远程计算机中的地址和文件保存的路径来查看该计算机中共享的文件。这些文件通常是一页页的文本内容,在网络中访问它的那个路径称为 Uniform / Universal Resource Locator ( URL ,统一资源定位符)。  

0621笔记

﹥>﹥吖頭↗ 提交于 2020-02-08 04:08:23
html 开发网站的三种技术 Html 负责网页的结构 Css 站在美学的角度进行美化 JavaScript 站在用户体验的角度设计网页的交互效果 主讲Html 超文本标记语言(HyperText Markup Language) 文本:txt文本 超文本:文本、图片、链接、音乐、程序 标记:标签 单标签和双标签 html当中,不存在编程语言的语法,而是充斥着各式各样的标签 html运行环境是浏览器(用于打开网页) 在浏览器中打开的网页本质上都是一个文本,而这个文本称之为html html5文档结构说明 <!DOCTYPE html> html5 文档声明头 <html></html> 双标签 定义html文档内容的结构 <head></head> 头部 里面写的内容是对于当前网页的一些预定义信息 <body></body> 写给用户看的内容 <meta charset = "UTF-8"> 设定当前网页的编码格式 <title>网页标题</title> 通常情况下,title要放在meta字符集设置的下面,防止出现乱码 <link rel = "stylesheet" href = "style.css"> 引入外部的css文件 meta标签的其他用法 标签的定义及使用说明 元数据(Metadata)是数据的数据信息。 标签提供了 HTML 文档的元数据。元数据不会显示在客户端

关于html的相关讲解

回眸只為那壹抹淺笑 提交于 2020-02-08 02:02:03
浏览器chrome Chrome它内部有一个解析器,这个解析器就是解析我们的代码,各个浏览器的内核不一样,所以存在浏览器的兼容。这个内核是一个引擎。 谷歌的内核是webkit 引擎是v8。 客户端的请求过程。 1.重点 传输协议 2.返回的是数据不是文件。 解析超文本标记语言html。俗称标签。 浏览器的窗口是window 安卓app的窗口是webview。 学习我们使用的标签 <!DOCTYPE html>这个放在文档的开头代表什么? 该功能告诉浏览器以w3c的标准解析和渲染页面。 浏览器解析页面有两种模式,第一种按照浏览器自己的方式解析。叫怪异模式 第二中采用w3c的标准解析页面 这叫标准模式。 如果不写这个声明,各个浏览器就会以自己的方式解析,采用怪异模式,在不同浏览器下就有不同的表现,叫了这个声明,就按照标准模式解析,所有浏览器保持一致。 看见了这个声明 就知道他是一个h5页面。H5新增的特性就可以使用。 Html根节点标签 Head 头部标签 Meta标签 元信息标签 Charset=”utf-8” 字体编码,国际的编码是utf-8(浏览器的解析标准) 国内大陆的是gb2312 台湾香港繁体 字体编码是 big5 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale