首页 > 其他分享 >html块级元素

html块级元素

时间:2024-09-04 09:38:06浏览次数:8  
标签:块级 Coffee HTML 自定义 标签 元素 列表 html Milk

HTML 标签

标签定义及使用说明

标签定义 HTML 文档中的一个分隔区块或者一个区域部分。 标签常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化。

提示和注释

提示:

元素经常与 CSS 一起使用,用来布局网页。

注释:默认情况下,浏览器通常会在

元素前后放置一个换行符。然而,您可以通过使用 CSS 改变这种情况。

作用

div 标签可以用来划分 HTML 结构,从而配合 CSS 来整体控制某一块的样式。
div 标签是块级元素,它可用做组合其它 HTML 元素的容器。
div 标签可以用作严格的组织工具,如果用 id 或 class 来标记 div 标签,则 div 标签的作用会更加完美。

HTML

标签

标签定义及使用说明

标签定义段落。

元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

HTML h1-h6 标签

显示标题并且依次减小

HTML 列表

HTML 支持有序、无序和定义列表:

HTML无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表使用

    标签

    <ul>
    <li>Coffee</li>
    <li>Milk</li>
    </ul>
    

    浏览器显示如下

    • Coffee
    • Milk

    HTML 有序列表

    同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于

      标签。每个列表项始于
    1. 标签。

      列表项使用数字来标记。

      <ol>
      <li>Coffee</li>
      <li>Milk</li>
      </ol>
      

      浏览器中显示如下:

      1. Coffee
      2. Milk

      HTML 自定义列表

      自定义列表不仅仅是一列项目,而是项目及其注释的组合。

      自定义列表以

      标签开始。每个自定义列表项以
      开始。每个自定义列表项的定义以
      开始。

      <dl>
      <dt>Coffee</dt>
      <dd>- black hot drink</dd>
      <dt>Milk</dt>
      <dd>- white cold drink</dd>
      </dl>
      

      浏览器显示如下:

      • Coffee

        • black hot drink
      • Milk

        • white cold drink

标签:块级,Coffee,HTML,自定义,标签,元素,列表,html,Milk
From: https://www.cnblogs.com/ZWJ7671277/p/18395849

相关文章

  • Jforum论坛项目,用Jemter调发布帖子接口,响应结果返回的重定向地址为error...html,导致一
    1.Jmeter的发布帖子接口,使用Jemter代理录制工具进行录制的,发布帖子的参数和接口,都是通过录制得来,如下图,action是insertSave 2.因为需要先登录,再能进行发帖,所以根据项目的cookie保存,增加一个cookie管理器,用来自动保存登录成功后的cookie认证 3.等脚本参数都配置好了之后,......
  • 470.海贼王动漫主题网页 大学生期末大作业 Web前端网页制作 html5+css+js
    目录一、网页概述二、网页文件 三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐欢迎光临仙女的网页世界!这里有各行各业的Web前端网页制作的案例,样式齐全新颖,并持续更新!感谢CSDN,提供了这......
  • HTML中的表格
    一:表格包含的结构        table标签:定义表格            thead标签:表格的头部(可省略)            tbody标签:表格的内容(可省略)            tr标签:定义行            th标签:表头的单元格(......
  • UI自动化如何建立+如何进行元素定位
    下载驱动mac下载驱动的方法seleniummacOSchromedrivermacOS安装Selenium配置ChromeDriver_seleniumide谷歌浏览器驱动下载mac系统-CSDN博客win下载驱动的方法Chromedriver安装教程(简洁版)-CSDN博客驱动-浏览器更新的链接https://www.cnblogs.com/aiyablog/arti......
  • ArcGIS Pro SDK (十二)布局 8 布局元素选择和更改
    ArcGISProSDK(十二)布局8布局元素选择和更改文章目录ArcGISProSDK(十二)布局8布局元素选择和更改1布局元素选择1.1在布局上查找元素1.2查找布局元素1.3更新元素属性1.4获取元素选择计数1.5设置元素选择1.6取消选择布局上的元素1.7在布局视图......
  • vue2+html2canvas+jspdf 导出网页
    `asynchandlePreview(){constpdf=awaitthis.exportToPdf()//使用浏览器预览PDF-安全策略有缺陷constpdfDataURI=pdf.output('datauristring')window.open(pdfDataURI,'_blank','location=no');},asynchandleDown(){constpdf=awai......
  • uniapp手机端和html中使用mqtt
    最近的项目用到了mqtt,我想了想,还是记下来吧,毕竟我也废了很长的时间在这个上面,首先是uniapp中使用mqtt,查阅了一些资料,前辈们都说使用3.0.0版本,于是我就下载了3.0.0版本的来使用[email protected]在mqtt连接之前要先引入importmqttfrom'mqtt/dist/mqtt.js';......
  • 三、HTML+CSS
    HTML和CSS1.选择器,css属性/*注释*/在css3注释的使用p{font-size2px;设置字体大小color:red;设置字体颜色}2.CSS引入方式1.行内样式在HTML标签中使用style属性2.内部样式在页面中使用style标签3.外部样式需要创建.css文件,使用链接式或导入式引入。外部样......
  • 468. 简单的水果主题网页 大学生期末大作业 Web前端网页制作 html+css
    目录一、网页概述二、网页文件 三、网页效果四、代码展示1.html2.CSS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐欢迎光临仙女的网页世界!这里有各行各业的Web前端网页制作的案例,样式齐全新颖,并持续更新!感谢CSDN,提供了这么好......
  • 代码随想录算法训练营|Day01 LeetCode 704.二分查找,27.移除元素,977.有序数组的平方
    数组理论基础数组是存放在连续空间上的相同类型数据的集合数组的元素是不能删的,只能覆盖704.二分查找LeetCode:704.有序数组的平方classSolution{public:intsearch(vector<int>&nums,inttarget){intlength=nums.size();inti=0......