热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

HTML:基础标签及属性(备份)

基本标签 创建一个HTML文档设置文档标题以及其他不在WEB网页上显示的信息设置文档的可见部分标题标签将文档的题目放在标题栏中文档整体属性设置背景颜色,使用名字或十六进制值设置文本文字颜色,使用名字或十六进制值设置链接颜色,使用
基 本 标 签
   创建一个HTML文档
  设置文档标题以及其他不在WEB网页上显示的信息
  设置文档的可见部分
  标 题 标 签

  将文档的题目放在标题栏中
  文 档 整 体 属 性
  设置背景颜色,使用名字或十六进制值
  设置文本文字颜色,使用名字或十六进制值
  设置链接颜色,使用名字或十六进制值
  设置已使用的链接的颜色,使用名字或十六进制值
  设置正在被击中的链接的颜色,使用名字或十六进制值
  文 本 标 签
  创建预格式化文本
 
  创建最大的标题
  创建最小的标题

  创建黑体字
  创建斜体字
  创建打字机风格的字体
  创建一个引用,通常是斜体
  加重一个单词(通常是斜体加黑体)
  加重一个单词(通常是斜体加黑体)
  设置字体大小,从1到7
  设置字体的颜色,使用名字或十六进制值
  链 接
  
  创建一个超链接   创建一个自动发送电子邮件的链接   创建一个位于文档内部的靶位
  创建一个指向位于文档内部靶位的链接   格 式 排 版
  创建一个新的段落


  将段落按左、中、右对齐


  插入一个回车换行符

  从两边缩进文本


  

  创建一个定义列表

  放在每个定义术语词之前

  放在每个定义之前

  创建一个标有数字的列表

      放在每个数字列表项之前,并加上一个数字

  1.   创建一个标有圆点的列表

        放在每个圆点列表项之前,并加上一个圆点

    •   一个用来排版大块HTML段落的标签,也用于格式化表

        图 形 元 素
        
        添加一个图像
        排列对齐一个图像:左中右或上中下
        设置围绕一个图像的边框的大小
        加入一条水平线

        设置水平线的大小(高度)

        设置水平线的宽度(百分比或绝对像素点)

        创建一个没有阴影的水平线

        表 格
        创建一个表格

        开始表格中的每一行
        开始一行中的每一个格子
        设置表格头:一个通常使用黑体居中文字的格子
        表 格 属 性
        设置围绕表格的边框的宽度
        设置表格格子之间空间的大小

        设置表格格子边框与其内部内容之间空间的大小

        设置表格的宽度-用绝对像素值或文档总宽度的百分比

        设置表格格子的水平对齐(左中右) or or 定义表格的数据域位
        定义一个用于用户多行输入的表单元素
      1.name 指定文本域的名称
      2.rows 指定文本域的高度
      3.cols 指定文本域的宽度
      定义了一个选项列表表单元素 1.name 指定选取项列表的名称
      2.size 指定列表选项显示时一次显示选项的数目
      3.multiple使用该属性可以允许多重选择
      4.value 指定当该选项被选中并提交后,浏览器传给服务器的数据
      5.selected 指定哪一个选项在默认状态下是选中状态

      选中该控件


      创建一些滚动字幕
      1.direction(方向 left right up down)
      2.behavior (行为   scroll绕圈滚动 slide只滚一次 alternate来回滚动)
      3.loop (循环)
      4.scrollamount(滚动的速度)
      5.scrolldelay(滚动延时)
      6.align(对齐方式 top middle bottom)
      7.bgcolor
      8.height,width
      9.hspace,vspace(垂直和水平间距)

       

      applet用来在网页中插入一个Java小应用程序对象
      1.code(源代码) 指定Java小应用程序的源代码文件(.class文件)
      2.name
      3.width,height
      4.align

      param用来定义Java小应用程序中的参数
      1.name
      2.value(值)给变量赋值
      3.valuetype(值类型 data表示value指定的值将作为一个字符串传递的对象
              ref表示value指定的值是一个URL
              object表示value指定的值是一个指向同一文档中一个object的标志符)
      4.type(类型)当valuetype属性的值设置为ref时,此属性指定了URL所代表资源的内容类型

       

      object可以定义很多种不同的多媒体文件
      1.classid:该属性指定了浏览器中用来播放相应多媒体对象的控件ID
      2.codebase:定义多媒体文件相对位置的根目录
      3.codetype:指定当下载由classid所指定的对象时使用的数据内容的类型
      4.data:定义多媒体文件的位置
      5.type:定义多媒体文件的类型
      6.width,height

      selector{property1:value1;property2:value2......}selector表示需要应用式样的对象
           property表示由css标准定义的样式属性
           value表示样式赂性的值


      例:h2{text-align:center;font-family:楷体_gb2312}
      selector.classname{property1:value1;......} 标记符类
      .classname{property:value;......} 通用类
      #IDname{property:value;......}用户定义ID

      虚类

      a:link或:link 当超链接末被访问过时,超链接的显示方式
      a:visited或:visited 当超链接已经被访问过时,超链接的显示方式
      a:active或:active当超链接当前为选中姿态时,超链接的显示方式
      a:hover或:hover 当鼠标指针悬停在超链接上时,超链接的显示方式
      例:   a:link{color:blue}


      长度单位

      1.em:它所代表的长度是当前字体中m字母的宽度
      2.ex:它所代表的长度是当前字体中x字母的高度
      3.px:像素,它是相对于计算机屏幕的分辨率来定义的
      in:英寸,1in=2.54cm 1cm=10mm 
      pt:点,1点=1/72in   pc:帕 1帕=12点

      font-family(字体族)

      font-family:字体名称 | 字体族名称
         例:p{font-family:黑体,宋体,serif}
      font-style(字体风格)

      font-style:字体风格名称
         例: p{font-style:oblique}
      font-size(字体大小)
      font-size:绝对大小 | 相对大小 | 百分比


      font-variant(字体变形)

      font-varient:字体变形值
      1.normal(普通)
      2.small-caps(小型大写字母)


      font-weight(字体加粗)

      font-weight:字体加粗值
      1.normal(普通)
      2.bold(加粗)
      3.bolder(更粗)
      4.lighter(更细)

      letter-spacing(字符间距)

      letter-spacing:数值


      text-decoration(文字修饰)

      text-decoration:文字修饰效果
      1.none 无
      2.underline 下划线
      3.overline 上划线
      4.line-through 删除线
      5.bink 闪烁
       

      text-transform(文本转换)

      text-transform:文本转换方式
      1.none 无
      2.capitalize 使所有单词的第一个字母大写
      3.uppercase 使所有单词字母都大写
      4.lowercase 使所有单词字母都小写


      text-align(文本对齐方式)

      text-align:对齐方式
      1.left
      2.right
      3.justify 可调整

      text-indent(文本缩放)

      text-indent:缩放的数值
      line-height(行高)
      line-height:数值

      margin(页边距)

      margin:数值
      padding(填充距)
      padding:数值
      例: table{padding:2cm 3cm 5cm}上填充距2cm,左右填充距为3cm,下填充距5cm


      border-style(边框样式)

      border-style:边框样式
      1.none
      2.dotted 点线
      3.dashed 虚线
      4.solid 实线
      5.double 
      6.groove 凹线
      7.ridge 凸线
      8.inset 内陷
      9.outset 外凸 
       

      border-color(边框颜色)

      border-color: 颜色值
      border-width(边框宽度)
      border-width:数值
      1.thin 细
      2.medium 中
      3.thick 宽

      border(边框)

      border:边框样式|边框宽度|边框颜色
      例: h1{border:5px solid red}

      float(浮动)

      float:参数
      1.none
      2.left
      3.right

      PS:此文仅为备份所用
       


      推荐阅读
      • 知识图谱——机器大脑中的知识库
        本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
      • 本文介绍了通过ABAP开发往外网发邮件的需求,并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定,可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度:184字。 ... [详细]
      • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
      • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
      • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
        本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
      • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
      • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
      • 本文讲述了作者通过点火测试男友的性格和承受能力,以考验婚姻问题。作者故意不安慰男友并再次点火,观察他的反应。这个行为是善意的玩人,旨在了解男友的性格和避免婚姻问题。 ... [详细]
      • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
      • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
      • 后台获取视图对应的字符串
        1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
      • 《数据结构》学习笔记3——串匹配算法性能评估
        本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
      • 动态规划算法的基本步骤及最长递增子序列问题详解
        本文详细介绍了动态规划算法的基本步骤,包括划分阶段、选择状态、决策和状态转移方程,并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中,在以后尽可能多地利用这些子问题的解,从而提高算法的效率。 ... [详细]
      • Java验证码——kaptcha的使用配置及样式
        本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
      • 高质量SQL书写的30条建议
        本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ... [详细]
      author-avatar
      mobiledu2502891487
      这个家伙很懒,什么也没留下!
      PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
      Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有
           

        设置表格格子的垂直对齐(上中下)

        设置一个表格格子应跨占的列数(缺省为1)

        设置一个表格格子应跨占的行数(缺省为1)

        禁止表格格子内的内容自动断行回卷

        窗 框
        放在一个窗框文档的标签之前,也可以嵌在其他窗框文档中
        定义一个窗框内的行数,可以使用绝对像素值或高度的百分比 划分分割窗口
        

      ~

      设定文字大小
         标示文件信息
        
      加上分网格线
         文件的开始与结束
         斜体字
         调整图形影像的位置
         为你的图形影像加注
         加入影片
         插入图片并预设图形大小
         插入图片并预设图形的左右边界
         预载图片功能
         设定图片边界
         插入图片
         插入图片并预设图形的上下边界
         在窗体中加入输入字段
         定义查询用窗体
        ... 表示使用者输入文字
        
    • ...
    • 列表的项目 ( 可指定符号 )
         跑马灯效果
        ... 条列文字卷标
         自动更新文件内容
         可同时选择多项的列表栏
         定义不出现分割窗口的文字
        
        ...
      有序号的列表
        
      调整表格字段之左右对齐
        
      设定表格字段之背景颜色
        
      表格字段的合并
        
      设定表格字段不换行
        
      调整表格字段之上下对齐
        
      调整表格字段宽度
        
      ...