HTML - 技术教程文章
HTML学习总结【代码】
html总结 简介标题 Heading文本格式化文本格式化标签"计算机输出" 标签超链接 a语法锚点图片及文件路径 img图片文件路径表格 Table列表 List无序列表有序列表表单 Form 简介HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。超文本...
HTML中的文字标签
文字标签：1.标题标签：<h1></h1>~<h6></h6>2.段落标签：<p></p>3.普通文字标签：<span></span>没有任任何效果、样式，通过style加 <font></font>4.文字加粗标签：<b></b> 、<strong></strong>5.文字斜体：<i></i>、<em></em>6.超链接标签：<a href="路径"></a>7.删除线、中线：<s></s>、<del></del>8. 下划线标签：<u></u>
html调用系统功能【代码】
html调用系统功能<!-- 拨打电话 --> <a href="tel:10086">拨打电话给10086小姐姐</a><!-- 发送短信 --> <a href="sms:10086">发送短信给10086小姐姐</a><!-- 发送邮件 --> <a href="mailto:young.joway@aliyun.com">发送邮件给JowayYoung</a><!-- 选择照片或拍摄照片 --> <input type="file" accept="image/*"><!-- 选择视频或拍摄视频 --> <input type="file" accept="video/*"><!-- 多选文件 --> <input type="file" multiple>
html基本概念1.0【代码】【图】
1.0目标 网页的基本组成 html web标准的三大组成 网站： 网页的集合网页由图片，链接，文字，声音，视频等元素组成，通常是html文件 html： 超文本标记语言，他是用来描述网页的一种语言是一种标签语言超文本有两层含义 1.图片声音动画和多媒体等内容2.可以从一个文件跳转到另一个文件，与世界各地的文件链接（超级链接文本）前端开发代码，浏览器显示代码，生成最后的web页面 浏览器内核： 即为渲染引擎：负责读取网页内容，整理讯...
HTML(含HTML5）复习总结。【1天吐血整理】【代码】【图】
部分图片暂时未导入图床，之后有空添加HTML：超文本标记语言 超文本：超链接文档 ，从一个文档链接到另一个文档 URL：统一资源定位符 遵循规则 scheme://host.domain:port/path/filename流行scheme： http 超文本传输协议 https 安全超文本传输协议 ftp 文件传输协议tag：html标签，如<b> </b> 尖括号包围的关键词，通常成对出现。开始和结束，也即开放和闭合。 语义元素：清楚地向浏览器和开发者描述其意义，如form table 浏览...
HTTP状态码（HTML5）
HTTP状态码 当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。 100（Continue）客户端应继续其请求；101（Switching Protocols） 切换协议。服务器根据客户端的请求切换协议。 只能切换到更高级的协议，例如，切换到HTTP的新版本协议；200 （OK） 请求成功， 一般用于GET与POST请求；201...
对HTML知识的总结【代码】
对HTML知识的总结 什么是HTML HTML 指的是超文本标记语言 (Hyper Text Markup Language)，用于描述网页。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）。HTML示例及结构剖析 <!DOCTYPE html> <html> <head><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="./css/mycss.css"><title>页面标题</title> </head> <body...
Eclipse中println输出html中文乱码【代码】【图】
** Eclipse中println输出html中文乱码 错误代码： 输出： 这是由于文本编码类型不对导致的。 解决办法： 添加这几句话：request.setCharacterEncoding(“GBK”); response.setContentType(“text/html;charSet=GBK”);```java package demo;import java.io.IOException; import java.io.PrintWriter;import javax.servlet.ServletException; import javax.servlet.annotation.WebInitParam; import javax.servlet.annotation.WebS...
html中onclick事件传递的参数值变化【代码】
我们开发的系统拥有通过PC端系统自动调用固话拨打电话功能， 近日几次收到客户反馈说拨打的号码如果前面包含0开头的区号的话，拨打出来是不正确的。 个人审查了下开发的代码，逻辑上确实没有问题 <a href="#" οnclick="callOutNew(03917890001,0)">03917890001 <img src="icon2.png"></a> function callOutNew(number,seq){console.log("hdl1::"+hdl);xxx //拨号逻辑，送入号码进行拨号 }然而用过用浏览器debug调试时发现了问题，...
我的HTML（二）之HTML5【代码】
go on... HTML5一、Canvas是什么？二、地理定位三、video三、audio音频四、input新type五、表单元素1、datalist2、keygen密钥对生成器3、output元素 六、表单新属性1、autocomplete2、表单的novalidate属性3、input的autofocus属性4、input的form属性5、input的formaction、formenctype、formmethod、formnovalidate属性6、input的高度和宽度、multiple属性 七、新语义化标签八、web存储1、localstorage2、sessionstorageHTML5 认识...
VScode扩展之cssrem，修改html字体大小基准线【图】
在rem布局中，可以利用flexible.js+rem这种技术方案来实现页面大小的动态变化。此时可以安装一个扩展插件来将px转化为rem. 1.cssrem的安装 2.修改cssrem里面html字体大小基准线 打开设置快捷键ctrl+,或如下打开设置
HTML(六)【代码】
HTML选择器 基本标签选择器内部样式表基础标签选择器的分类标签选择器类型选择器id选择器其他选择器通用选择器属性选择器 复合选择器分组选择器后代选择器子选择器相邻兄弟选择器普通兄弟选择器基本标签选择器 把写在标签开始标签内部style属性中的样式，称为一个标签的行间样式 <div style="width:100px;height:100px;background-color:red">行内样式定义，任何一个标签都可以通过style属性定义这个标签独有的显示效果</div> 内部...
HTML（七）【代码】
标准盒模型和常用标签 标准盒模型padding内部边距margin外边距设置嵌套情况下marginmargin和padding用法总结position定位方法的类型CSS修饰html5页常见标签 常见的语义标签 标准盒模型 每个标签在浏览器上都被渲染成一个矩形个盒子，这个盒子有一个标准都组成结构，称为标准盒模型 具体元素在页面中显示的大小由【margin外延边距+border边框+padding内部边距+content具体内容】4部分构成 div class="box">内容</div><div style="wi...
五、HTML5 千纸鹤动画特效【代码】【图】
文章目录 五、HTML5 千纸鹤动画特效5.1 图片预览5.2 index.html代码5.3 style.css代码5.5 index.js代码5.6 p5.min.js代码五、HTML5 千纸鹤动画特效 5.1 图片预览5.2 index.html代码 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><title>HTML5 Canvas千纸鹤动画特效</title><link rel="stylesheet" href="css/style.css"></head><body><div id="controls"></div><script src='js/p5.min.js'></script><script src=...
html 第一天内容学习【代码】
<!DOCTYPE html> <html lang="zh-CN"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>江龙杰的第一个html文件</title> </head> <body><h1>江龙杰很帅</h1><h2>江龙杰很帅</h2><h3>江龙杰很帅</h3><h6>江龙杰很帅</h6><p>江龙杰很帅</p> 键盘敲烂，月薪过万！<br />江龙杰很帅<br />江龙杰很帅江龙杰很帅<str...
HTML+CSS面试题总结
1.XML和HTML有什么不同 一、基础语言不同 1、XHTML是基于可扩展标记语言（XML）。 2、HTML是基于标准通用标记语言（SGML）。 （HTML最大的特点是简单性和跨平台性） 二、语法严格程度不同 1、XHTML语法比较严格，存在DTD定义规则。 2、HTML语法要求比较松散，这样对网页编写者来说，比较方便。 三、可混合应用不同 1、XHTML可以混合各种XML应用，比如MathML、SVG。 2、HTML不能混合其它XML应用。 四、大小写敏感度不同 1、XHTML对大...
html5+css3(八)＜meta＞标记
<meta>标记 <meta>的主要作用，是提供网页的元信息。比如：指定网页的搜索关键字。 <meta>标记有两个属性：http-equiv和name。 1、http-equiv属性 功能：模拟http协议文件头信息，当信息从服务器端传到客户端时，告诉浏览器如何正确的显示网页内容。http-equiv属性一般要与content属性配合使用。Content属性指定信息的详细参数。 （1）设置网页的字符集 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> （...
html5+css3(六)颜色表示
html颜色表示 网页中的颜色有三种表示方法： 颜色单词：blue、green、red、yellow10进制表示：rgb(255,0,0)、rgb(0,255,0)、rgb(0,0,255)16进制表示：#FF0000(红)、#00FF00(绿)、#0000FF(蓝) 自界面中，所有的颜色都可以用三种光的不同波长混合而成。这三种光就是红光(red)、绿光(green)、蓝色(blue)。 在计算机中，每个基色，用8位二进制(2^8 = 256)，那么RGB共可以表示 256*256*256 = 1670万色。 用16进制表示颜色时：用2位十六...
html5+css3(七)锚点链接
锚点链接 含义：锚点链接，是在一个网页的不同区域进行跳转。锚点理解为“定义记号”。定义锚点(作个记号)：<a name = “锚点名称”></a>锚点名称的命名规则：可以包含字母、数字、下划线，但只能以字母开头。注意：<a>和</a>之间没有内容，换句话说：这个记号不是让我们看的，而是给链接用的。例如：<a name = “top2”></a>跳转到锚点(记号)： 语法：<a href = “文件名#锚点名称”>……</a>文件名：可有可无。如果是同一个网...
HTML的必考知识点你会吗？
HTML语义化语义化可以总结为 根据内容选择标签，用最恰当的标签来标记内容例如网页中的标题使用<h1>~<h6>这样的标签，而不是使用<div>+css语义化好处使HTML结构变得清晰，有利于维护代码和添加样式通常语义化HTML会使代码变的更少，使页面加载更快即使在没有CSS样式的条件下，也能很好地呈现出内容结构、代码结构便于团队开发和维护，语义化更具可读性，遵循W3C标准，可以减少差异化方便其他设备解析（如屏幕阅读器、盲人阅读器、移...
你真的明白HTML标签的语义化吗？为什么不能都使用div标签
（一）HTML语义化语义化可以总结为 根据内容选择标签，用最恰当的标签来标记内容例如网页中的标题使用<h1>~<h6>这样的标签，而不是使用<div>+css（二）语义化好处使HTML结构变得清晰，有利于维护代码和添加样式通常语义化HTML会使代码变的更少，使页面加载更快即使在没有CSS样式的条件下，也能很好地呈现出内容结构、代码结构便于团队开发和维护，语义化更具可读性，遵循W3C标准，可以减少差异化方便其他设备解析（如屏幕阅读器、盲...
XML和HTML的区别【代码】
XML和HTML的区别 简述 简述 1.XML是区分大小写字母的，HTML不区分 2.在HTML中，如果上下文清楚的显示出段落或者列表键在何处结尾，可以省略结束标记。在XML中，是不能省略结束标记的。 3.在XML中拥有单个标记而没有匹配的结束标记的元素必须用一个 **/**作为结尾。 4.在XML中属性值必须封装在引号中。在HTML中引号是可用不可用的。 5.在HTML中可以拥有不带值得属性名。在XML中所有的属性必须带有相应得值。
HTML（五）【代码】
音频元素 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>audio音频元素</title> </head> <body><h3>audio 音频元素</h3><p>audio元素用于嵌入音频内容，而音频元素的属性和视频元素类似。音频的支持度和视频类似，使用source元素引入多种格式兼容即可。主流的音频格式有：....
HTML基础标签 二【代码】
HTML基础标签 二 HTML基础标签表单数据验证视频元素audio音频元素表单元素总汇表单数据验证HTML基础标签 表单数据验证视频元素audio音频元素表单元素总汇表单数据验证 表单数据验证<p>HTML5对表单提供了输入验证检查方式，但这种验证还是比较简陋的，并且不同的浏览器支持的成熟度还不同。在大部分情况下，可能还是要借助jQuery等前端库来实现丰富的验证功能和显示效果。常见的三种验证:1、必须填写一个值 <input type="text" req...
HTML+CSS【图】
<P class="top">国家航天局发布天问一号探测器拍摄高清火星影像</P>p><a href="https://www.sina.com.cn/"> src="../Desktop/项目/图片1.png" width="80" alt="" /></a> 国内新闻>正文</p><p align="center">2021年03月04日 09:02 央视</p><hr /><P class="top">原标题：国家航天局发布天问一号探测器拍摄高清火星影像</P><P class="top">今天（4日），国家航天局发布3幅由我国首次火星探测任务天问一号探测器拍摄的高清火星影像图...
html页面显示websocket推送的数据【代码】【图】
最近的工作是要做一个前端页面，然后websocket会推送相关的数据过来，然后展示在页面上，没办法，只能把前端知识捡起来，一步步摸索了 要做的是一个机器人的人机交互页面，人机对话数据要实时显示在input框里 scritp代码：<script type="text/javascript">// 打开一个WebSocket:var ws = new WebSocket('ws://127.0.0.1:12340/chat');//open eventws.onopen = function() {console.log("open websocket...");};//close eventws.on...
前端HTML页面获取实时天气预报并展示【代码】【图】
前端HTML页面获取实时天气预报并展示 昨天完成了一个实时显示天气预报的功能，今天在这完记录一下，纯前端layui和JQuery代码。没有后台交互 获取用户打开页面的IP地址进行定位城市。 试了很多方法都大同小异，我在这使用的是http://ip.ws.1 26.net/ipquery链接获取 代码如下 <script src="http://ip.ws.1 26.net/ipquery"></script> <script type="text/javascript">dynamicIp(lc);//这是获取天气调用的方法 lc就是城市名称 </scr...
简单概括和介绍html【代码】
简单概括和介绍html 1)html 【HyperText Markup Language 】超文本的标记语言 文本，中.英文，音频，图片。。。。。 2）浏览器解析html文件的顺序，从上往下，并且页面中元素的位置，与该元素在html文件中的位置保持一致 3）html出现语法 错误的时候，浏览器或者编辑器不会报错 4）html可以以.html或者.htm作为文件名的后缀 2.前期准备： 1）B/S架构 2）HTTP：超文本传输协议 核心：请求/响应模式 请求： 请求头：浏览器的缓存机制...
HTML学习笔记-03超链接标签【代码】
超链接标签标签：<a href=""> </a> 属性：href：超链接跳转链接，里面的内容就是一个URL(协议://ip地址:端口号/虚拟路径？参数=？&参数2=?) 注意：url在配置文件中：&是&符号的转译当href=“#”;时，不会跳转任何页面，但是有一个回到页面顶部的效果 target：设置在哪个窗口打开 _self ：默认值，在当前窗口打开_blank：在新窗口跳转 name：名字(锚点：在同一个页面做跳转)<!-- 1)、点击a跳转到a只能给a标签的name跳转 --><a...
HTML5—输入框下拉菜单功能的代码示例
这篇文章主要介绍了HTML5输入框下拉菜单功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧 1.单选框代码 性别： 男 女 需要注意的是单选框name值需保持一致 样式： 复选框 2.复选框代码 喜欢的类型： 妩媚的 可爱的 小鲜肉 老腊肉 都喜欢 如需要进行form表单提交 则需要name的属性一样 样式 文本框 3.文本框代码示例 所在地区： 代码运行界面样式： 文本域 4.文本域代码...