首页 > 其他分享 >前端开发标签1

前端开发标签1

时间:2024-06-03 17:12:40浏览次数:17  
标签:序列表 表格 标签 列表 文档 内容 前端开发

标签

<html></html>标签,网页必需标签

<head></head>标签,用于定义文档头部,文档的头部描述了文档各种属性和信息,包括文档的标题,在WEB中的未知以及和其他文档的关系,绝大多数文档头部包含的数据都不会真正座位内容显示给读者

<title></title>标签,页面标题

<meta>单标签,表示为编码格式

<body></body>标签,定义文档主体

标题标签:

快速生成h1-h6标签快捷键,h$*6

<h1></h1>

...

<h6></h6> 

 

段落标签

<p></p>

每一个p标签为一行,若想在一个p标签中进行换行时可通过br标签

<p>第一行<br />第二行<p>

分割线标签

<hr color="red" width="" size="5" />

 

图片标签

<img />

src="" 图片路径 alt="" 图片说明,当图片不显示时显示此文字 width="" 图片宽度 height=""图片高度(一般宽度与高度仅设置一个,否则原图片比例将被更改) title="" 鼠标悬停在图片上给与提示     图片路径 绝对路径:从根路径开始到图片名称的全路径 相对路径: 网络路径:网页中的图片地址如:https://img0.baidu.com/it/u=402133747,2814666924&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=800   超文本链接 <a href="">文本<a/>   文本标签 <em>定义着重标签</em> <b>定义粗体</b> <i>定义斜体</i> <strong>定义加重语气</strong> <del>定义删除文字(中划线)</del> <span>元素没有特定含义</span>     列表标签-有序列表 有序列表是一列项目,列表项目使用数字进行标记,有序列表始于<ol>标签,每个列表项始于<li>标签,’ <ol>   <li>老虎</li>   <li>狮子</li> </ol> 结果

 <ol>属性type=‘’‘

1代表数字标号 

a代表小写字母标号

A代表大写字母标号

i代表小罗马数字标号(i ii iii )

I 代表大罗马数字标号(I II III)

 

列表标签-无序列表

有序列表是一列项目,列表项目使用数字进行标记,有序列表始于<ol>标签,每个列表项始于<li>标签,

 <ul>属性type=‘’‘

disc 实心圆

circle 空心圆

square 小方块

none 无任何标记

  表格标签 表格:<table> 行:<tr> 单元格(列)<td>
    <table>
        <tr>
            <td>表格内容</td>
            <td>表格内容</td>
        </tr>
        <tr>
            <td>表格内容</td>
            <td>表格内容</td>
        </tr>
        <tr>
            <td>表格内容</td>
            <td>表格内容</td>
        </tr>
    </table>

快捷键:4行3列,没个表格的内容为“表格内容”

table>tr*4>dr*3{表格内容}

属性:

border=“”表格线

width=“”宽度

height=“”高度

    表格单元格合并 水平合并(从左向右合并):colspan 垂直合并(从上向下合并):rowspan  
    <table border="2" width='600' height="200">
        <tr>
            <td colspan="4">表格内容1</td>
        </tr>
        <tr>
            <td>表格内容5</td>
            <td>表格内容6</td>
            <td>表格内容7</td>
            <td>表格内容8</td>
        </tr>
        <tr>
            <td rowspan="3">表格内容9</td>
            <td>表格内容10</td>
            <td>表格内容11</td>
            <td>表格内容12</td>
        </tr>
        <tr>
     
            <td>表格内容14</td>
            <td>表格内容15</td>
            <td>表格内容16</td>
        </tr>
        <tr>

            <td>表格内容18</td>
            <td>表格内容19</td>
            <td>表格内容20</td>
        </tr>
        <tr>
            <td>表格内容21</td>
            <td>表格内容22</td>
            <td>表格内容23</td>
            <td>表格内容24</td>
        </tr>
    </table>

 

 

 

标签:序列表,表格,标签,列表,文档,内容,前端开发
From: https://www.cnblogs.com/luckywh/p/18219552

相关文章

  • Qt QLabel标签添加点击事件
    .h1//给label添加事件2booleventFilter(QObject*obj,QEvent*event);.cpp1boolMainWindow::eventFilter(QObject*obj,QEvent*event){2//mousebuttonpressed3if(event->type()==QEvent::MouseButtonPress){4QMouseEvent*mouseE......
  • 前端开发三大主流框架解析
    Web前端三大主流框架分别是Angular、React和Vue.js。以下是《优联前端》关于这三个框架解析介绍:Angular:来源与开发者:Angular是由Google开发的前端框架。功能特点:Angular是一个完整的框架,包括了数据绑定、组件化、路由、依赖注入等功能。它采用了TypeScript作为开发语言,这是J......
  • HTML20_HTML表单标签4
    一、概念用于采集用户输入的数据的。用于和服务器进行交互。二、form标签用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围1、form属性:action:指定提交数据的URLmethod:指定提交方式......
  • svg图片放img标签报错解决办法
    错误代码:<divv-if="item.showType=='2'":id="'tag'+index"class="tag-icon-text"@click="tagClick(item)"><imgsrc="@/assets/images/flag.jpg"class="img"/>......
  • <context:component-scan> 标签
    <?xmlversion="1.0"encoding="UTF-8"?><beansxmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns:context="http://www.springfra......
  • ci3+smarty模仿开发出dedecms标签
    1、创建块函数functionsmarty_block_b_info($arr,$content,$repeat){  if($repeat){    $ci=&get_instance();    $res=$ci->db->get('val',$arr['limit'])->result_array();    $str='';    ......
  • 解析前端开发中同源策略与配置代理
    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言        在前端开发中,跨域请求是一个常见的问题。同源策略限制了浏览器中一个页面可以加载的资源只能来自相同的源,而代理......
  • git-05标签操作
    1.创建标签首先,确保你在要打标签的分支上。例如,如果你想给main分支打标签,可以先切换到main分支:gitcheckoutmain然后,使用以下命令创建标签:例如,创建一个名为v1.0的标签:gittag<tagname>gittagv1.02.创建带有注释的标签例如,创建一个名为v1.0的带有注释的......
  • HTML20_HTML标签3
    一、文件标签构成html最基本的标签html:html文档的根标签head:头标签。用于指定html文档的一些属性。引入外部的资源title:标题标签。body:体标签<!DOCTYPEhtml>:html5中定义该文档是html文档二、文本标签和文本有关的标签1、标签注释:<!--注释内容--><h1>to<......
  • html5,h5是什么?h5常用标签和标签的分类(2024-05-31)
    起源HTML(HypertextMarkupLanguage,超文本标记语言)诞生于20世纪90年代初,用于指定构建网页的元素,这些元素中的大多数都用于描述网页内容,如标题、段落、列表、指向其他网页的链接等。HTML5是HTML的最新版本,它的大部分内容都可以兼容新旧浏览器,并新增了大量新的功能。HTML5还引......