HTML基本框架和元素速查

最新推荐文章于 2024-04-09 22:14:21 发布
最新推荐文章于 2024-04-09 22:14:21 发布
阅读量400 收藏 1
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53060283/article/details/123779515
版权

HTML 速查列表

有关基本框架和基本元素的集合

HTML 基本文档

!DOCTYPE html>

<html>

<head> <title>文档标题</title>

</head>

 <body> 可见文本...

</body>

</html>

基本标签（Basic Tags）

<h1>最大的标题</h1>

<h2> . . . </h2>

<h3> . . . </h3>

<h4> . . . </h4>

<h5> . . . </h5>

<h6>最小的标题</h6>

<p>这是一个段落。</p>

 <br> （换行） <hr> （水平线） <!-- 这是注释 -->

文本格式化（Formatting）

<b>粗体文本</b>

<code>计算机代码</code>

<em>强调文本</em>

<i>斜体文本</i>

<kbd>键盘输入</kbd>

 <pre>预格式化文本</pre>

<small>更小的文本</small>

 <strong>重要的文本</strong>

 <abbr> （缩写） <address>

（联系信息） <bdo> （文字方向）

 <blockquote> （从另一个源引用的部分）

 <cite> （工作的名称） <del> （删除的文本）

 <ins> （插入的文本） <sub> （下标文本） <sup> （上标文本）

链接（Links）

普通的链接：<a href="http://www.example.com/">链接文本</a>

图像链接： <a href="http://www.example.com/"><img src="URL" alt="替换文本"></a>

 邮件链接： <a href="mailto:webmaster@example.com">发送e-mail</a> 书签： <a id="tips">提示部分</a> <a href="#tips">跳到提示部分</a>

图片（Images）

<img loading="lazy" src="URL" alt="替换文本" height="42" width="42">

样式/区块（Styles/Sections）

<style type="text/css">

h1 {color:red;} p {color:blue;}

</style> <div>文档中的块级元素</div> <span>文档中的内联元素</span>

无序列表

<ul> <li>项目</li> <li>项目</li> </ul>

有序列表

<ol> <li>第一项</li> <li>第二项</li> </ol>

定义列表

<dl> <dt>项目 1</dt> <dd>描述项目 1</dd> <dt>项目 2</dt> <dd>描述项目 2</dd> </dl>

表格（Tables）

<table border="1"> <tr>

<th>表格标题</th>

<th>表格标题</th> </tr>

 <tr> <td>表格数据</td> <td>表格数据</td>

 </tr> </table>

框架（Iframe）

<iframe src="demo_iframe.htm"></iframe>

表单（Forms）

<form action="demo_form.php" method="post/get">

<input type="text" name="email" size="40" maxlength="50">

<input type="password">

<input type="checkbox" checked="checked">

 <input type="radio" checked="checked">

<input type="submit" value="Send">

 <input type="reset">

<input type="hidden"> <select>

<option>苹果</option>

<option selected="selected">香蕉</option>

 <option>樱桃</option> </select>

<textarea name="comment" rows="60" cols="20"></textarea> </form>

实体（Entities）

&lt; 等同于 <

&gt; 等同于 >

&#169; 等同于 ©

前端小白日记
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML函数查询[整理].pdf
10-11
HTML函数查询[整理].pdf
html h5 快速查找手册 学习笔记
漫步繁华街的专栏
10-05 341
HTML 基本文档 <!DOCTYPE html> <html> <head> <title>文档标题</title> </head> <body> 可见文本... </body> </html> 基本标签...
HTML5 速查列表，2024年最新从三流前端外包到秒杀阿里P7,
最新发布
【2023EI会议列表】
04-09 617
图像链接：邮件链接：图片（Images）无序列表文档中的块级元素文档中的内联元素有序列表样式/区块（Styles/Sections）定义列表表格（Tables）表格标题表格标题表格数据表格数据框架（Iframe）表单（Forms）
html中搜索,HTML中的全文搜索，忽略标签/＆
weixin_39521068的博客
06-04 228
Cats萌萌突出显示搜索关键字并使用javascript从网页中删除突出显示     function highlightAll(keyWords) {         document.getElementById('hid_search_text').value = keyWords;   &nbs...
HTML阅读有没有检索,html页面中完成查找功能
weixin_32090653的博客
05-31 348
原标题：html页面中完成查找功能最近在搞一个被很多人改了的框架，天天看代码看的头的晕了，不过感觉进步还挺大的，自己做了一个后台可配置前台查看两个库不同数据范围的东西，还挺满意，那天拿出来分享一下，今天先说一个这几天做的功能，就是html页面的查找功能。这个功能主要是实现在查找框内输入字符，之后按后面的上一个下一个按钮，会自动把查询区域内的匹配字符用特殊的样式标记，之后可以继续按上一个下一个按钮把...
h5获取输入框中的内容
冉然的博客
06-30 4229
常见的输入框:input、textarea js; function buy() { var btn=document.getElementById("btn"); btn.onclick=function () { var text=document.getElementById("text"); alert(text.value);
《脑动力 html+css标签速查效率手册》.(刘丽霞)
12-25
　《脑动力：HTMLCSS标签速查效率手册》共分18章，前10章主要介绍了HTML标签和相关属性，包括文字、排版、列表、超链接、多媒体、表格、表单、框架等知识点。后8章介绍了CSS属性的详细用法和示例代码，包括文本显示...
[php框架]非官方_Kohana_3_中文译本.zip
05-19
Kohana3.0速查表 HTML PVG DE 更多文档和教程 ◎κ03教程第一部分,安装和基木用法 ■⑨k03教稈第二部分,使用视图 K03教程第三部分,使用控制器类 ⑨k03教程第四部分,使用模型 K3教程第五部分,HVC中的H ko3教程第六...
itschoolrace-html5:我们信任的 Intech 小组 itSchoolRace 2014 的 HTML5 挑战的回购
07-10
摆脱了这个框架的限制，我们的 HTML 是简单、可读和不言自明的。 还做出了重大努力，以确保网站在绝大多数当前终端上以最佳方式呈现：媒体查询、iOS 和 Android 的图标/收藏夹管理、Windows Phone 上的磁贴、高速...
java源码包2
04-20
2个目标文件，提供基本的音乐编辑功能。编辑音乐软件的朋友，这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件，EJB来模拟银行ATM机的流程及操作：获取系统...
H5项目输入框搜索相关业务功能
luoxiaonuan_hi的博客
09-13 539
输入框点击搜索按钮事件，对搜索历史进行本地缓存。点击关闭当前搜索历史列表的tag标签事件。输入框内容变化时请求数据的防抖处理。输入搜索内容列表展示关键字高亮。点击删除按钮删除全部历史记录。
H5 --- 媒体查询
weixin_46064684的博客
10-05 715
媒体查询： 媒体查询是css3新的语法： @media only screen and (min-width: ) { 属性：属性值； } @media only screen and (min-width: 100px) and (max-width: 640px) { 属性：属性值； } screen 用于电脑屏幕，平板电脑，智能手机等。 only 唯一（忽略） and 并且（不常用） min-width 屏幕最小宽度值 max-width 屏幕最大宽度值 媒体查询的作用：
html5获取新闻列表查看详细内容
热门推荐
qq_15950325的博客
05-27 1万+
主要功能分为二大模块 一、通过客户端发送异步请求Ajax解析json返回新闻列表给用户，当用户进行查看新闻标题时，上拉可以加载更多的数据，每次是通过网络请求查询10条记录，下拉如果有新的新闻可以实时刷新。 二、通过点击新闻标题可以查看新闻详细内容，包括新闻内容和图片时间等。
html5 数据显示,显示数据表里的内容《 HTML5：Web SQL 》
weixin_29619665的博客
06-04 781
这个视频我们去把数据表里的内容显示出来 … 选择数据表里的内容，可以使用 SELECT … 先去定义一个函数 …// 选择数据表里的内容function loadNote() {}在这个 loadNote() 函数里 … 添加一个 transaction() … 在这个交易里，去执行 SELECT ….// 选择数据表里的内容function loadNote() {db.trans...
H5清空数据记录
萌萌程序员的博客
01-25 1884
1： 可以调用localStorage的clear()方法来清空数据 2： localStorage.clear() clear()是一个无参数的方法，表示清空全部数据 HTML代码 === js代码 //获取id的方法 function $$(id){ return document.getElementById(id); } //单击按钮增加调用 //
HTML与CSS进阶(上)
菜鸡的博客
10-10 184
1、H5新增内容 1. 什么是HTML5 定义：HTML5定义了HTML标准的最新版本，是对HTML的第五次重大修改，号称下一代的HTML。 两个概念： 是一个新版本的HTML语言，定义了新的标签、特性和属性 拥有一个强大的技术集，这些技术集是指：HTML5、CSS3、JavaScript,这也是广义上的HTML5。 2. HTML5拓展了哪些内容 语义化标签 本地存储 兼容特性 2D、3D 动画、过渡 CSS3特性 性能与集成 3. HTML5的现状 绝大多数新的属性，都已经被浏览器所支持，
如何在html中加入查询,如何在html页面中完成查找功能
weixin_34746495的博客
05-30 3089
使用HTML我们的程序员可以编写简单的查找功能，但实际的查找页面需要数据库支持，那么如何在html页面中完成查找功能？一起跟着爱站技术频道小编的步伐来了解一下吧！最近在搞一个被很多人改了的框架，天天看代码看的头的晕了，不过感觉进步还挺大的，自己做了一个后台可配置前台查看两个库不同数据范围的东西，还挺满意，那天拿出来分享一下，今天先说一个这几天做的功能，就是html页面的查找功能。这个功能主要是实现...
HTML 速查列表
baorant24的博客
09-21 483
HTML 速查列表，查漏补缺。
介绍一下mybatis框架的组成和基本元素
08-12
Mybatis是一款Java持久层框架，其核心是基于数据映射的方式来完成数据库操作。其主要的组成和基本元素包括： ...以上就是Mybatis框架的组成和基本元素，通过这些组成和基本元素，我们可以方便地进行数据库操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值