首页 > 其他分享 >HTML的基本骨架标签,段落换行水平线标签,文本标签

HTML的基本骨架标签,段落换行水平线标签,文本标签

时间:2024-09-09 23:52:55浏览次数:11  
标签:勤天 标签 十个 水平线 HTML 文档 文本

一、HTML的基本骨架标签

<!DOCTYPE html>--------------文档版本说明

<html>-------------------------------网页文档开始

     <head>--------------------------文档头部开始

     网页头部的内容

     </head>-------------------------文档头部结束

     <body>---------------------------文档主体开始

     网页主体的内容

     </body>--------------------------文档主体结束

</html>------------------------------网页文档结束

HTML5骨架结构为: 

<!DOCTYPE html>
<html lang="en">
   <head>
          <title>网页标题</title>
   </head>
   <body>
        网页主体的内容
   </body>
</html>

注:一般HTML文档中打出英文的感叹号,再按回车键可直接出现骨架结构。

二、段落、换行、水平线标签

段落:<p>文字</p>

<p>我是段落标签</p>

 换行:<br>

注:两个换行标签相当于一个段落标签。

<h>后陡门58号</h>
十个勤天做大做强<br>十个勤天缺一不可<br>十个勤天永远都只是十个勤天

运行结果如下:

后陡门58号
十个勤天做大做强
十个勤天缺一不可
十个勤天永远都只是十个勤天

 水平线:<hr>

<hr>标签的常用属性
属性描述
align设置水平线的对齐方式,有left、right、center三种选择,默认为center(居中对齐)
size设置水平线的粗细,以像素为单位,默认为2像素
color设置水平线的颜色,可通过颜色名称、十六进制#RGB、rgb(r、g、b)设置
width设置水平线的宽度,可以是确定的像素值,也可以是浏览器窗口的百分比,默认为100%
noshade设置线段是否显示阴影

 水平线的格式为:

<hr align="left|right|center" size="横线粗细" width="横线长度" color="横线颜色">

三、文本标签

编辑文本常用的标签:加粗、倾斜、删除线、下划线、标题

<!DOCTYPE html>
<html>
<head>
    <title>标签</title>
</head>
<body>
    <p align="center"><b> 我是粗体文本 </b></p>
    <p align="center"><strong> 我也是粗体文本 </strong></p>
 
    <p align="center"><i> 我是斜体文本 </i></p>
    <p align="center"><em> 我也是斜体文本 </em></p>
 
    <p align="center"><s> 我是加删除线文本 </s></p>
    <p align="center"><del> 我也是加删除线文本 </del></p>
 
    <p align="center"><u> 我是加下划线文本 </u></p>
    <p align="center"><ins> 我也是加下划线文本 </ins></p>
</body>
</html> 

运行结果如下: 

 

 标题标签:

<h1> 一级标签 </h1>         
<h2> 二级标签 </h2>
<h3> 三级标签 </h3>
<h4> 四级标签 </h4>
<h5> 五级标签 </h5>
<h6> 六级标签 </h6>

运行结果如下:

标签:勤天,标签,十个,水平线,HTML,文档,文本
From: https://blog.csdn.net/syy2023090248/article/details/142070068

相关文章

  • 标题:探索 HTML 与 JavaScript 实现的选项卡切换效果
    目录一、HTML结构设计二、JavaScript逻辑处理一、HTML结构设计在给定的HTML代码中,整体结构是创建了多个div元素,每个div元素都包含一个ul(无序列表)和一个div(用于展示内容)。每个ul元素中的li元素代表一个选项卡的标题,而与之对应的div元素中的子div元素则是每个选项卡标......
  • 标题:使用 HTML 和 JavaScript 实现简单的待办事项列表
    目录一、HTML结构设计二、JavaScript逻辑处理一、HTML结构设计整体布局:在HTML部分,整体布局通过一个类名为container的div元素来实现,该元素在页面中水平居中(margin:150pxauto;)。其中包含了一个用于添加事项的输入框和按钮(addBox类),以及一个表格(table元素)用于展......
  • 火狐浏览器现在可以让你在不切换标签的情况下访问你最喜欢的AI聊天机器人 - 具体方法
    希望快速使用生成式AI的Firefox用户,现在无需离开当前页面即可实现。周二发布的Firefox130版带有一个设置选项,可以将您选择的聊天机器人添加到侧边栏中。这一AI功能是设置界面中新的Firefox实验室页面的一部分,您可以通过该页面试验由Mozilla团队设计的实验功能。这一AI聊天机......
  • Web大学生网页作业成品——动漫海贼王介绍网页设计与实现(HTML+CSS)(1个页面)
    ......
  • Web大学生网页作业成品——联想商品商城网页设计与实现(HTML+CSS)(1个页面)
    ......
  • 在react中用three.js 渲染模型 在上面创建标签
    import{CSS2DRenderer,CSS2DObject}from'three/examples/jsm/renderers/CSS2DRenderer.js'//基本设置constscene=newTHREE.Scene();constcamera=newTHREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000);camera.posi......
  • 组态软件之万维组态介绍(web组态、html组态、vue2/vue3组态、组态软件、组态编辑器)
     一、什么是组态软件组态软件是一种用于创建、配置和管理监控和控制系统的软件工具。组态是指不需要编写计算机程序、通过配置的方式完成工业应用开发的系统。它们通常用于工业自动化领域,用于实时监视和控制工业过程。组态软件提供了丰富的功能和工具,使用户能够创建用户界......
  • HTML的<link>元素
    <link>定义当前文档和外部资源之间的关系。最常用于链接到外部样式表或向网站添加图标。可以在head元素、body元素中使用,但是最好在head元素中使用。支持HTML全局属性和事件属性。例子1:链接外部样式表<head><linkrel="stylesheet"type="text/css"href="mystyle.css"></head> 例......
  • 在本地服务器上使用Python脚本处理HTML表单
    要在本地服务器上使用Python处理HTML表单,可以使用 Flask 框架,这是一个轻量级的web框架,特别适合快速构建和处理HTTP请求。以下是如何使用 Flask 创建一个本地服务器,展示HTML表单并处理提交的数据。1、问题背景有一个托管在本地服务器(apache2)上的HTML页面,想要将一些......
  • 使用HTML
    1.使用HTML的基本标签创建网页2.使用相关的标签对文本信息进行排版3.使用相关的图像标签,将图像和文本排版相结合4.使用<a>标签创建超链接,锚链接以及功能性链接使用vscode工具HTML网络基本结构包括:网页头部and主体部分成对的标签分别叫做:开放标签和闭合标签二.标签......