热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

前端——html——总体快速了解

HTML标题标题(Heading)是通过-标签进行定义的。定义最大的标题。定义最小的标题。 

HTML 标题

标题(Heading)是通过 -

标签进行定义的。

定义最大的标题。

定义最小的标题。

 

DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)title>
head>
<body>
<h1>这是标题 1h1>
<h2>这是标题 2h2>
<h3>这是标题 3h3>
<h4>这是标题 4h4>
<h5>这是标题 5h5>
<h6>这是标题 6h6>
body>
html>

 

 

 

 

 

 

 

 

 

 

 

 

 

================================================================================

 

 

 

 

 

 


HTML 水平线


标签在 HTML 页面中创建水平线。

 

hr 元素可用于分隔内容。

 

DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)title>
head>
<body>
<p>hr 标签定义水平线:p>
<hr />
<p>这是段落。p>
<hr />
<p>这是段落。p>
<hr />
<p>这是段落。p>
body>
html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

===================================================================

 

 

 

 

 

 

 

 

 


HTML 注释

可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。

注释写法如下:


实例

 

DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)title>
head>
<body>

<p>这是一个段落p>
body>
html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

====================================================================

 

 

 

 

 

 

 

 

 


HTML 段落

段落是通过

标签定义的。


实例

<p>这是一个段落 p>

<p>这是另一个段落p>

 

 

DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)title>
head>
<body>
<p>这是一个段落。p>
<p>这是一个段落。p>
<p>这是一个段落。p>
body>
html>

 

 

 

 

 

 

 

 

 

 

 

 

=================================================================

 

 

 

 

 

 

 

 

 

 


HTML 折行

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 
 标签:


实例

<p>这个<br>段落<br>演示了分行的效果p>



元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。

 

DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)title>
head>
<body>
<p>这个<br>段落<br>演示了分行的效果p>
body>
html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

================================================================

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

123



推荐阅读
  • index.js全部js兼容性处理。js内引入babelpolyfill全部js兼容性处理。babelpolyfillimportbabelpolyfill;constadd ... [详细]
  • 本文详细介绍了如何在 EasyUI 框架中实现 DataGrid 组件的分页功能,包括配置方法和常见问题的解决方案。 ... [详细]
  • 本文详细探讨了在编程中如何高效处理日期和时间,包括常见的日期时间格式转换、时区问题及其实现方法。 ... [详细]
  • 本文详细介绍了如何在ReactJS项目中集成Onsen-UI的ActionSheetButton组件,并通过具体示例展示了其使用方法及效果。 ... [详细]
  • 第1章选择流程控制语句1.1顺序结构的基本使用1.1.1顺序结构概述是程序中最简单最基本的流程控制,没有特定的语法结构,按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行 ... [详细]
  • 本文详细记录了一位求职者在搜狐进行的两次面试经历,包括面试的具体时间、面试流程、技术问题及个人感受。通过本次面试,作者不仅获得了宝贵的经验,还成功拿到了搜狐的录用通知。 ... [详细]
  • 现在的新手程序猿,动不动就是框架,就连外面培训的也是框架,我就问一句,没了框架是不是就啥也不会了 ... [详细]
  • 本文介绍了一个基本的同步Socket程序,演示了如何实现客户端与服务器之间的简单消息传递。此外,文章还概述了Socket的基本工作流程,并计划在未来探讨同步与异步Socket的区别。 ... [详细]
  • 本文详细介绍了线性素数筛选法和欧拉线性筛算法,并提供了详细的代码实现及数学证明,帮助读者深入理解这两种高效的算法。 ... [详细]
  • 本文介绍了一种有效的方法来防止Windows 7系统中批处理(.bat)文件执行后立即关闭的问题。通过在特定文件夹中使用命令行窗口手动调用批处理文件,可以确保其输出内容得以保留,便于查看和调试。 ... [详细]
  • StoredProcedure “存储过程名” 的TextHeader 中存在语法错误
    修改存储过程的时候出现StoredProcedure“存储过程名”的TextHeader中存在语法错误出现这样的问题的解决方法(本人修改已成功)在创建存 ... [详细]
  • 使用IntelliJ IDEA高效开发与运行Shell脚本
    本文介绍了如何利用IntelliJ IDEA中的BashSupport插件来增强Shell脚本的开发体验,包括插件的安装、配置以及脚本的运行方法。 ... [详细]
  • 高效产品原型设计:技巧、经验和注意事项
    本文由PMTalk社区资深作者AllenDan撰写,分享了如何在日常产品工作中快速有效地设计产品原型,并确保设计易于理解,减少评审时的质疑。文章不仅提供了实用的技巧和经验,还强调了设计过程中的注意事项。 ... [详细]
  • ED Tree HDU4812 点分治+逆元
    这道题非常巧妙!!!我们进行点分治的时候,算出当前子节点的所有子树中的节点,到当前节点节点的儿子节点的距离,如下图意思就是当前节点的红色节点,我们要求出红色节点的儿子节点绿色节点, ... [详细]
  • 本文详细介绍了Java API中文文档的位置、用途及其查看方法,帮助开发者更高效地利用这一资源。 ... [详细]
author-avatar
北若久
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有