——致力做企业用得上的平台; ——开发企业节省成本的系统; 导读 常用的html标签汇总、以及操作过程中的一些bug问题解决方法,是我们在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料, ——龙腾飞网络科技-小吴 #u标签 #HTML教程 #HTML标签 #html入门知识 【定义和用法】 u标签表示未明确表达的一些文本,并且与普通文本样式不同,例如中文文本中的拼写错误或专有名词 【实例】 使用 u标记标记拼写错误的单词: <html><head><style>.spelling-error { text-decoration: underline; text-decoration-style
</body></html> 【默认的 CSS 设置】 大多数浏览器将使用以下默认值显示 u元素: u { text-decoration: underline;}它会切换输入(这增加了点击区域)
【实例】
三个带有 label 的单选按钮:
<form action="/action_page.php">
<input type="radio" id="<em>html</em> " name="fav_language" value="<em>HTML</em>">
<label for="<em>html</em>">HTML</label>
<input type="radio" id="css
——致力做企业用得上的平台; ——开发企业节省成本的系统; 导读 常用的html标签汇总、以及操作过程中的一些bug问题解决方法,是我们在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料, ——龙腾飞网络科技-小吴 #b标签 #HTML教程 #HTML标签 #html入门知识 【定义和用法】 b标签规定没有任何额外重要性的粗体文本。
【提示和注释】 注意:根据 HTML5 规范,b标签应该是最后的选择,只有在没有更合适的标签时才使用。【实例】 例子 1 一个有序 (ol) 和一个无序 (ul) 的 HTML 列表:
——致力做企业用得上的平台; ——开发企业节省成本的系统; 导读 常用的html标签汇总、以及操作过程中的一些bug问题解决方法,是我们在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料, ——龙腾飞网络科技-小吴 #video标签 #HTML教程 #HTML标签 #html入门知识 【定义和用法】 video标签用于在文档中嵌入视频内容,例如电影片段或其他视频流。 HTML 支持三种视频格式:MP4、WebM 和 OGG。
——致力做企业用得上的平台; ——开发企业节省成本的系统; 导读 常用的html标签汇总、以及操作过程中的一些bug问题解决方法,是我们在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料, ——龙腾飞网络科技-小吴 #br标签 #HTML教程 #HTML标签 #html入门知识 【定义和用法】 br 标签插入单行换行符。 br 标签对于写地址或诗歌非常有用。
HTML5 不支持。 big 标签在 HTML 4 中用于定义更大的文本。 #big标签 #HTML教程 #HTML标签 #html入门知识 【用什么代替?】 为 HTML 元素指定不同的字体大小(使用 CSS): <html> <head> <style> p.ex1 { font-size: 30px; } p.ex2 { font-size: 50px
</body> </html>——致力做企业用得上的平台; ——开发企业节省成本的系统; 导读 常用的html标签汇总、以及操作过程中的一些bug问题解决方法,是我们在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料, ——龙腾飞网络科技-小吴 #embed标签 #HTML教程 #HTML标签 #html入门知识 【定义和用法】 embed 标签定义外部资源的容器,例如网页、图片、媒体播放器或插件应用程序。 如需显示 HTML,最好使用 iframe 标签。 如需显示视频或音频,最好使用 video 和 audio 标签。 【实例】 例子 1:嵌入的图像: <embed type="image/jpg" src="tulip.jpg" width="150" height="150"> 例子 2:嵌入的 HTML 页面: <embed type="text/<em>html</em>" src="/index.<em>html</em>" width="500" height="200"> 例子 3:嵌入的视频: <embed type="video/webm
HTML概述 学习原因:希望制作一云项目控制工具,HTML用于提供GUI并消除不同客户端差异 学习目标:会使用HTML语言,Jinja模板和Bootstrap框架(不求精通) 教程选择: 目标 教程 HTML 语言 菜鸟HTML教程 JinJa模板 思诚之道Jinja教程 Bootstrap框架 未定 HTML是一种超文本标记语言,由不同的标签构成树形结构。 超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。 您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。 HTML基本语法 元素与属性 HTML由元素构成,每个元素由元素开始标签,元素内容和元素结束标签构成如
b
中,为元素开始标签表示一个段落元素开始,b为元素内容,
为元素结束标签,——致力做企业用得上的平台; ——开发企业节省成本的系统; 导读 常用的html标签汇总、以及操作过程中的一些bug问题解决方法,是我们在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料, ——龙腾飞网络科技-小吴 #figure标签 #HTML教程 #HTML标签 #html入门知识 【定义和用法】 figure 标签规定自包含的内容,如插图、图表、照片、代码清单等。 例子 2:使用 CSS 设置 figure 和 figcaption 的样式: <html><head><style>figure { border: </body></html> 【默认的 CSS 设置】 大多数浏览器将使用以下默认值显示 figure 元素: figure { display: block
——致力做企业用得上的平台; ——开发企业节省成本的系统; 导读 常用的html标签汇总、以及操作过程中的一些bug问题解决方法,是我们在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料, ——龙腾飞网络科技-小吴 HTML5 不支持。 center标签在 HTML4 中用于居中对齐文本。 #center标签 #HTML教程 #HTML标签 #html入门知识 【用什么代替?】 例子 1:居中对齐文本(使用 CSS): <html> <head> <style> h1 {text-align: center;} p {text-align: center;} div {text-align
——致力做企业用得上的平台;
——开发企业节省成本的系统;
导读
常用的html标签汇总、以及操作过程中的一些bug问题解决方法,是我们在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料, ——龙腾飞网络科技-小吴
#fieldset标签 #HTML教程 #HTML标签 #html入门知识
【定义和用法】
fieldset 标签用于在表单中分组相关元素。 br>
<input type="submit" value="提交">
</fieldset></form>
例子 2:使用 CSS 设置 fieldset 和 legend 的样式:
<html birthday" name="birthday">
<input type="submit" value="提交">
</fieldset></form></body></html
——致力做企业用得上的平台; ——开发企业节省成本的系统; 导读 常用的html标签汇总、以及操作过程中的一些bug问题解决方法,是我们在建站实操中笔记记录,一路走来,一步步学习、总结、整理的一些资料, ——龙腾飞网络科技-小吴 #code标签 #HTML教程 #HTML标签 #html入门知识 【定义和用法】 code 标签用于定义计算机代码片段,其内容以浏览器默认的等宽字体显示。 【实例】 例子 1:将一些文本定义为文档中的计算机代码:
HTML button 标签定义可点击按钮。
HTML DOM 允许 JavaScript 改变 HTML 元素的内容。 DOCTYPE html><html> <body> <script> document.write(Date()); </script> </body> </html> 绝对不要在文档(DOM)加载完成之后使用 改变 HTML 内容 修改 HTML 内容的最简单的方法是使用 innerHTML 属性。 如需改变 HTML 元素的内容,请使用这个语法: document.getElementById(id).innerHTML=新的 HTML 本例改变了
元素的内容:
实例
<html>
<body ).src="landscape.jpg";
</script>
</body>
</html>
实例讲解:
上面的 HTML 文档含有 id="image" 的 元素
我们使用 HTML
通过 HTML DOM,JavaScript 能够访问 HTML 文档中的每个元素。 ---- 改变 HTML 内容 改变元素内容的最简单的方法是使用 innerHTML 属性。 下面的例子更改
元素的 HTML 内容: 实例
Hello World!
改变 HTML 样式 通过 HTML DOM,您能够访问 HTML 对象的样式对象。 下面的例子更改段落的 HTML 样式: 实例Hello world! p2").style.fontFamily="Arial"; document.getElementById("p2").style.fontSize="larger"; </script> 使用事件 HTML 当 HTML 元素"有事情发生"时,浏览器就会生成事件: 在元素上点击 加载页面 改变输入字段 你可以在下一章学习更多有关事件的内容。
DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/<em>html</em>; charset=utf-8"><title>标题标签
</body></html> ---- 了解HTML的代码注释 什么是代码注释?代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看你所编写的代码,就能很快想起这段代码的用途。 ---- 为你的网页中添加一些空格 在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入nbsp;。不要忘了那个分号 在html代码中输入空格是不起作用的,如下代码。 ? 语法: html4.01版本