前端学习之基础篇——标签（一）

最新推荐文章于 2022-11-28 11:10:28 发布
最新推荐文章于 2022-11-28 11:10:28 发布
阅读量640 收藏 2
点赞数
分类专栏： 前端学习篇 标签 基础篇 文章标签： html css html5 前端 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/emmmmm__/article/details/111143793
版权

前端学习之基础篇——标签（一）

一、本章简介

标签分为三类：块级标签、行内标签、行内块标签

标签的嵌套规则与转换

二、块级标签

1、列举

<div></div>  <p></p> 

<h1></h1>……<h6></h6> 

<ul> <li></li> </ul>  <ol> <li></li> </ol>

<dl> <dt></dt> <dd></dd> </dl>

2、特点

  • 总是从新行开始

  • 高度、行高、内边距、外边距 可以控制

  • 宽度默认是容器的100%

  • 可以容纳内联标签和其他块级标签

3、应用

1、<div></div>  <p></p>  <h1></h1>……<h6></h6> 

<body>
    <!-- 块级标签特点：默认独占一行，垂直上下排列 -->
    <!-- div默认没有任何多余样式 -->
    <div>我是一个div</div><div>我是一个div</div>

    <!-- 段落标签：自带外边距 -->
    <p>段落</p>
    <p>段落</p>

    <!-- 标题标签：自带字体大小和加粗效果 -->
    <!-- h1 一个文档最多只能拥有一个 -->
    <h1>标题</h1>
    <h2>标题</h2>
    <h3>标题</h3>
    <h4>标题</h4>
    <h5>标题</h5>
    <h6>标题</h6>
</body>

2、<ul> <li></li> </ul> 

<body>
    <!-- 
        无序列表
            1、块级标签
            2、结构ul>li
            3、前面默认自带圆点符号
            4、list-style-type:none; 可以去掉圆点符号
     -->
     <ul>
        <li>小蓝</li>
        <li>小绿</li>
        <li>小红</li>
        <li>小黄</li>
        <li>小棕</li>
        <li>小紫</li>
        <li>小青</li>
     </ul>
</body>

3、<ol> <li></li> </ol>

<body>
    <!-- 
        有序列表
            1、块级标签
            2、结构ol>li
            3、前面自带1、2、3、4
            4、list-sytle-type:none;可以去掉符号
        自带属性
            type
                1 A a I i
            start
                设置起始值，需为数字
            reversed
                设置为倒数
     -->
    <ol type="1" start="5" reversed>
        <li>小蓝</li>
        <li>小绿</li>
        <li>小红</li>
        <li>小黄</li>
        <li>小棕</li>
        <li>小紫</li>
        <li>小青</li>
    </ol>
</body>

4、<dl> <dt></dt> <dd></dd> </dl>

<body>
    <!-- 
        自定义列表
            1、块级标签
            2、dl > dt或dd
            3、dd自带外边距
     -->
     <dl>
         <dt>html</dt>
         <dd>结构层</dd>
         <dt>css</dt>
         <dd>表示层</dd>
         <dt>html</dt>
         <dd>行为层</dd>
     </dl>
</body>

 

三、行内标签（内联标签）及特点

1、列举

<span></span>

<b></b>  <strong></strong>

<i></i>  <em></em>

<s></s>  <del></del>

<u></u>  <ins></ins> 

<sub></sub>  <sup></sup>

<a href="链接路径"></a>

2、特点

  • 会和其他行内标签处在同一行
  • 高、宽无效，内边距、外边距水平方向有效，垂直方向无效
  • 默认宽度就是他本身内容的宽度
  • 只能嵌套文本和其他行内标签

3、应用

  • <body>
    <!-- 
        行内标签特点：
            默认在一行排列，当一行排不开时会折行
            行内标签换行默认会解析一个空格
     -->
    <!-- span 最常用的行内标签，没有任何多余的样式 -->
    <span>span标签</span>
    <span>span标签</span>

    <!-- strong b 加粗标签：strong具有语义化，b不具有语义化 -->
    <strong>你好</strong>
    <b>你好</b>

    <!-- em i 斜体标签：em标签具有语义化，i标签不具有语义化 -->
    <em>你好</em>
    <i>你好</i>

    <!-- del s（基本淘汰） 删除标签：del标签具有语义化，s标签不具有语义化 -->
    <del>你好</del>
    <s>你好</s>

    <!-- ins u 下划线标签：ins标签具有语义化，u标签不具有语义化 -->
    <ins>nihao</ins>
    <u>nihao</u>

    <!-- sub 下标字 -->
    H2O
    H<sub>2</sub>O

    <!-- sup 上标字 -->
    2<sup>2</sup>+2<sup>3</sup>=12
</body>

 

 

运行结果：

  • <head>
    <!-- 改变默认样式 -->
    <base target="_blank">
</head>
<body>
    <!-- 
        链接标签：关键字是 a ( anchor )
            自带属性：
                href 链接的路径（如果链接是网络路径，要加http://或者http://）
                target 打开链接页面的方式
                    _self 当前页面打开，默认
                    _blank 新页面打开
     -->
     <a href="http://www.baidu.com" target="_self">百度</a>
     <a href="http://www.taobao.com" target="_blank">淘宝</a>

     <!-- 同级目录链接 -->
     <a href="./01-css属性.html">css属性</a>

</body>

     

四、行内块标签

1、列举

<img></img>

<td></td>（此为表格单元格，会在表格章节列举）

<input>（此为表单内输入标签，为空标签，会在表单章节列举）

2、特点

  • 与相邻的行内标签处在同一行上，但之间会有白色缝隙（换行的时候有）
  • 高度、行高、内边距、外边距可以控制
  • 宽度就是他本身内容的宽度

3、应用

<body>
    <!-- 
        图像标签 img
        自带属性：
            src 引入文件的路径
                绝对路径
                    网络路径 http:// https://
                    本地磁盘路径 C:/ D:/

                相对路径
                    同级目录下 ./(可以省略)
                    上级目录 ../(上上级目录 ../../)

                alt 友好提示
                title 鼠标悬停时展示
                width 图片宽度，只设置宽度时，高度会等比例缩放
                height 图片高度

     -->

     <!-- 网络路径 -->
     <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1607336951547&di=5fb56a8628d0cf32cc8fdee532365730&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F30%2F29%2F01300000201438121627296084016.jpg" alt="">

     <!-- 本地磁盘路径 -->
     <img src="D:\一个有趣的库\图\001.jpg" alt="" title="小和尚" width="500px">

     <!-- 同级目录 ./ -->
     <img src="./002.jpg" alt="" width="500px" title="我是玫瑰左左">

     <!-- 上级目录 ../ -->
     <img src="../002.jpg" alt="" width="500px" title="我是玫瑰右右"> 
     <img src="../003.jpg" alt="图片加载失败">

</body>

 

五、其他标签

1、列举

<br>  <hr>

2、应用

<body>
<!-- 其他标签 -->
    <!-- br 换行标签 -->
    <p>
        鹅鹅鹅，<br>
        曲项向天歌，<br>
        白毛浮绿水，<br>
        红掌拨清波。
    </p>

    <!-- hr 水平分割线 -->
    <hr>
</body>

 

六、标签的嵌套规则

  1. h、p 只能嵌套其他行内标签或文本，不能嵌套其他块级标签
  2. a 标签是特殊的行内标签，可以嵌套除 a 之外的任何标签
  3. 其他行内标签只能嵌套行内标签或文本，不能嵌套块级标签
  4. ul 和 ol 的子标签必须是 li

 

七、标签的转换

  • 块转行内：display : inline;

  • 行内转块 ： display : block;

  • 块、行内转行内块 ： display : inline-block;

    <head>
    <style>
        div{
            width: 300px;
            height: 300px;
            background-color: burlywood;
            display: inline;
            /* 
                转换为行内块
                display；inline-block
             */
             display: inline-block; 
        }
        span{
            width: 200px;
            height: 200px;
            background-color: cornflowerblue;
            display: block;
            /* 
                转化为块级
                display:block;
             */
        }
        img{
            width: 200px;
            height: 200px;
            /* display: inline-block; */
        }
    </style>
</head>
<body>
    <!-- 
        块级 display:block;
        行内 dispaly:inline;
        行内块 display:inline-block;
     -->
     <div>div</div>
     <div>div</div>
     <div>div</div>
     <span>span</span>
     <span>span</span>
     <span>span</span>
     <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1282406071,187117223&fm=26&gp=0.jpg" alt="">
     <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1282406071,187117223&fm=26&gp=0.jpg" alt="">
     <img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1282406071,187117223&fm=26&gp=0.jpg" alt="">
</body>

     

     

     

     

     

     

     

     

     

梨花不负韶
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端基础标签
Bkl2549的博客
07-18 68
前端基础标签
性能测试进阶指南——LoadRunner11实战 part3
06-14
基础篇 第1章 性能测试基础 1.1 性能测试工程师的标准及挑战 1.1.1 性能测试工程师的考评指标 1.1.2 性能测试工程师的挑战 1.2 性能测试基础 1.2.1 性能定义 1.2.2 性能指标 1.2.3 单机与网络性能测试 1.2.4 性能...
CSS之排列系列--dl, dt, dd--使用/教程/实例
热门推荐
IT利刃出鞘的博客
12-05 1万+
本文用示例介绍CSS中的dl, dt, dd的用法。 dl, dt, dd是组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，故名我们也叫dl表格。 为常用标题+列表型标签。若没有对dl dt dd标签初始CSS样式，默认dd列表内容会缩进。
web前端基础知识——HTML常用标签篇
01-08
各种快捷键的使用方法： 多行注释 快捷键 ctrl +/ 复制当前行到下一行 ctrl+d 标签的快捷写法 标签字母 + tab键 网页格式化 快捷键 ctrl + alt +d +l 一、何为HTML？ html是超文本标记语言，作用是描述网页一种语言 html不是编程语言是标记语言。 html文档也叫web页面 二、HTML常用标签的学习： head标签 头标签 title标签 显示在网页的选项卡区域 body标签 显示网页的所有内容 meta标签 信息标签 charset=utf-8 meta 标签在head里面 标注当前网页的编码格式 utf-8
性能测试进阶指南——LoadRunner11实战 part2
06-14
《测试实践丛书：性能测试进阶指南·LoadRunner 11实战》结合了很多工作中的实际案例，图文并茂，既适合渴望了解性能测试的新人，也适合对性能测试有一定认识和经验的中、高级测试工程师。同时，《测试实践丛书：性能测试进阶指南·LoadRunner 11实战》也可以作为高校开展性能测试课程的参考教材，让在校学生能对性能测试的本质和价值有一定的认识。 《测试实践丛书：性能测试进阶指南·LoadRunner 11实战》是一本基于HP LoadRunner 11工具的指导用书，从性能测试原理到工具使用再到项目实施，全面介绍了性能测试的各个方面，其内容基本主线说明如下。 第一步（了解理论）：磨刀不误砍柴工，打下基础；第二步（掌握工具）：深入介绍LoadRunner 11工具三大部分（Virtual User Generator、Controller、Analysis）如何实现用户行为的模拟、性能指标的监控、负载的生成及后期的数据分析；第三步（项目实施）：理论联系实际，介绍性能测试项目实施的流程和性能测试部门的组织管理；第四步（进阶提升）：对一些当下流行的或比较特殊的协议和开发技巧通过真实案例进行介绍。 基础篇 第1章 性能测试基础 1.1 性能测试工程师的标准及挑战 1.1.1 性能测试工程师的考评指标 1.1.2 性能测试工程师的挑战 1.2 性能测试基础 1.2.1 性能定义 1.2.2 性能指标 1.2.3 单机与网络性能测试 1.2.4 性能测试的流程 1.2.5 性能测试招聘要求 1.2.6 性能测试学习阶段 1.3 性能分析与调优 1.3.1 性能分析及调优原理 1.3.2 常见系统性能瓶颈 1.3.3 性能测试的注意要点 1.4 小结 工具篇 第2章 LoadRunner综述 2.1 LoadRunner简介 2.2 LoadRunner工具组成 2.3 性能测试原理 2.4 自动化测试工具和性能测试工具的区别 2.5 协议分析 2.5.1 HTTP详细介绍 2.5.2 HTTP报文结构 2.5.3 HTTP请求 2.5.4 HTTP应答 2.5.5 HTTP捕获 2.5.6 HTTP回放 2.6 安装 2.6.1 在Windows下安装LoadRunner 2.6.2 安装Load Generator 2.6.3 附加组件 2.6.4 LoadRunner License 2.7 LoadRunner性能测试操作流程预览 2.8 小结 第3章 用户行为模拟 3.1 VuGen界面介绍 3.1.1 Tree图形化模式 3.1.2 脚本模式 3.1.3 Output Window 3.2 录制用户行为 3.2.1 录制流程 3.2.2 协议选择 3.2.3 录制选项 3.2.4 开始录制 3.2.5 插入命令 3.2.6 结束录制 3.2.7 回放验证 3.2.8 录制回放常见问题 3.3 脚本开发 3.3.1 Action简介 3.3.2 脚本如何注释 3.3.3 语言规则 3.3.4 如何使用模板 3.3.5 脚本的导入导出 3.3.6 脚本调试 3.4 通用选项（General Options） 3.4.1 Parameterization标签 3.4.2 Replay标签 3.4.3 Environment标签 3.4.4 Display标签 3.4.5 Correlation标签 3.5 运行设置（Run-Time Setting） 3.5.1 Run Logic 3.5.2 Pacing 3.5.3 Log 3.5.4 Think Time 3.5.5 Additional attributes 3.5.6 Miscellaneous 3.5.7 Speed Simulation 3.5.8 Browser Emulation 3.5.9 Preferences 3.5.10 Download Filters 3.5.11 Data Format Extensions 3.6 参数化 3.6.1 参数化的操作 3.6.2 Parameter List界面介绍 3.6.3 VuGen中的参数 3.6.4 Controller中的参数 3.6.5 同行取值（Same line as） 3.6.6 参数类型 3.6.7 数据向导（Data Wizard） 3.6.8 参数和变量 3.7 关联 3.7.1 关联原理 3.7.2 自动关联 3.7.3 手动关联 3.7.4 一边录制一边关联 3.7.5 关联函数web_reg_save_param_ex详解 3.7.6 关联函数web_reg_save_param_regexp详解 3.7.7 关联函数web_reg_save_param_xpath详解 3.
性能测试进阶指南——LoadRunner11实战 part1
06-14
《测试实践丛书：性能测试进阶指南·LoadRunner 11实战》结合了很多工作中的实际案例，图文并茂，既适合渴望了解性能测试的新人，也适合对性能测试有一定认识和经验的中、高级测试工程师。同时，《测试实践丛书：性能测试进阶指南·LoadRunner 11实战》也可以作为高校开展性能测试课程的参考教材，让在校学生能对性能测试的本质和价值有一定的认识。 《测试实践丛书：性能测试进阶指南·LoadRunner 11实战》是一本基于HP LoadRunner 11工具的指导用书，从性能测试原理到工具使用再到项目实施，全面介绍了性能测试的各个方面，其内容基本主线说明如下。 第一步（了解理论）：磨刀不误砍柴工，打下基础；第二步（掌握工具）：深入介绍LoadRunner 11工具三大部分（Virtual User Generator、Controller、Analysis）如何实现用户行为的模拟、性能指标的监控、负载的生成及后期的数据分析；第三步（项目实施）：理论联系实际，介绍性能测试项目实施的流程和性能测试部门的组织管理；第四步（进阶提升）：对一些当下流行的或比较特殊的协议和开发技巧通过真实案例进行介绍。 基础篇 第1章 性能测试基础 1.1 性能测试工程师的标准及挑战 1.1.1 性能测试工程师的考评指标 1.1.2 性能测试工程师的挑战 1.2 性能测试基础 1.2.1 性能定义 1.2.2 性能指标 1.2.3 单机与网络性能测试 1.2.4 性能测试的流程 1.2.5 性能测试招聘要求 1.2.6 性能测试学习阶段 1.3 性能分析与调优 1.3.1 性能分析及调优原理 1.3.2 常见系统性能瓶颈 1.3.3 性能测试的注意要点 1.4 小结 工具篇 第2章 LoadRunner综述 2.1 LoadRunner简介 2.2 LoadRunner工具组成 2.3 性能测试原理 2.4 自动化测试工具和性能测试工具的区别 2.5 协议分析 2.5.1 HTTP详细介绍 2.5.2 HTTP报文结构 2.5.3 HTTP请求 2.5.4 HTTP应答 2.5.5 HTTP捕获 2.5.6 HTTP回放 2.6 安装 2.6.1 在Windows下安装LoadRunner 2.6.2 安装Load Generator 2.6.3 附加组件 2.6.4 LoadRunner License 2.7 LoadRunner性能测试操作流程预览 2.8 小结 第3章 用户行为模拟 3.1 VuGen界面介绍 3.1.1 Tree图形化模式 3.1.2 脚本模式 3.1.3 Output Window 3.2 录制用户行为 3.2.1 录制流程 3.2.2 协议选择 3.2.3 录制选项 3.2.4 开始录制 3.2.5 插入命令 3.2.6 结束录制 3.2.7 回放验证 3.2.8 录制回放常见问题 3.3 脚本开发 3.3.1 Action简介 3.3.2 脚本如何注释 3.3.3 语言规则 3.3.4 如何使用模板 3.3.5 脚本的导入导出 3.3.6 脚本调试 3.4 通用选项（General Options） 3.4.1 Parameterization标签 3.4.2 Replay标签 3.4.3 Environment标签 3.4.4 Display标签 3.4.5 Correlation标签 3.5 运行设置（Run-Time Setting） 3.5.1 Run Logic 3.5.2 Pacing 3.5.3 Log 3.5.4 Think Time 3.5.5 Additional attributes 3.5.6 Miscellaneous 3.5.7 Speed Simulation 3.5.8 Browser Emulation 3.5.9 Preferences 3.5.10 Download Filters 3.5.11 Data Format Extensions 3.6 参数化 3.6.1 参数化的操作 3.6.2 Parameter List界面介绍 3.6.3 VuGen中的参数 3.6.4 Controller中的参数 3.6.5 同行取值（Same line as） 3.6.6 参数类型 3.6.7 数据向导（Data Wizard） 3.6.8 参数和变量 3.7 关联 3.7.1 关联原理 3.7.2 自动关联 3.7.3 手动关联 3.7.4 一边录制一边关联 3.7.5 关联函数web_reg_save_param_ex详解 3.7.6 关联函数web_reg_save_param_regexp详解 3.7.7 关联函数web_reg_save_param_xpath详解 3.7.8 关联函数的高级使用 3.8 检查点 3.8.1 文本检查点 3.8.2 自动检查点 3.8.3 图片检查点 3.9 事务 3.9.1 响应时间 3.9.2 添加事务 3.9.3 事务时间 3.9.4 手工事务 3.10 集合点 3.11 小结 第4章 负载生成及监控Controller 4.1 设计场景 4.1.1 新建场景 4.1.2 负载生成器管理 4.1.3 用户管理 4.1.4 运行设置 4.1.5 IP虚拟 4.1.6 场景运行原理 4.1.7 Service Level Agreement（服务品质保障） 4.2 系统监控 4.2.1 Scenario Groups（场景用户状态） 4.2.2 Scenario Status（场景运行状态） 4.2.3 计数器原理 4.2.4 计数器管理 4.2.5 SiteScope 4.3 场景运行 4.4 QTP脚本在场景中的运行 4.5 场景数据 4.6 小结 第5章 数据收集分析Analysis 5.1 新建Analysis分析 5.2 Analysis Summary 5.2.1 Analysis Summary（场景的摘要） 5.2.2 Statistics Summary（场景状态的统计说明） 5.2.3 5 Worst Transaction（SLA失败事务） 5.2.4 Scenario Behavior Over Time（场景行为综述） 5.2.5 Transaction Summary（事务摘要） 5.2.6 HTTP Responses Summary（HTTP响应摘要） 5.3 Graphs（数据图） 5.3.1 Vusers（虚拟用户状态） 5.3.2 Errors（错误统计） 5.3.3 Transactions（事务） 5.3.4 Web Resources（网页资源信息） 5.3.5 Web Page Diagnostics（网页分析） 5.3.6 Network Monitor（网络监控） 5.3.7 Resources（资源监控） 5.4 图设置与操作 5.4.1 Merge Graphs（合并图） 5.4.2 Auto Correlate（自动定位瓶颈） 5.5 Transaction Report（事务报告） 5.6 SLA Report（系统阈值监控报告） 5.7 External Monitor（外部监控数据导入） 5.8 Cross with result（跨脚本横向比较） 5.9 生成测试报告 5.9.1 New Report（新建报告） 5.9.2 Reprt Templates（报告模板） 5.9.3 HTML报告 5.10 小结 实战篇 第6章 性能测试实战 6.1 计划测试 6.1.1 分析系统阶段 6.1.2 定义测试目标 6.1.3 明确定义概念 6.1.4 编写性能测试计划 6.1.5 编写性能测试方案 6.1.6 编写性能测试用例 6.2 搭建测试环境 6.2.1 测试平台评估 6.2.2 数据生成 6.2.3 测试环境搭建手册 6.3 创建脚本 6.3.1 用户注册 6.3.2 用户查询 6.3.3 用户看帖 6.3.4 用户回帖 6.4 创建场景 6.4.1 场景设计 6.4.2 负载监控 6.5 运行场景 6.5.1 场景运行Checklist 6.5.2 场景运行记录 6.6 分析性能数据 6.6.1 性能调优原理 6.6.2 前端性能分析 6.6.3 后端性能分析 6.7 性能测试报告 6.7.1 平台对比性能测试报告 6.7.2 Phpwind85性能分析报告 6.7.3 DiscuzX2 VS Phpwind85性能对比报告 6.7.4 Phpwind85验收指标性能测试报告 6.7.5 Phpwind85压力测试报告 6.8 小结 第7章 性能测试组织 7.1 性能测试团队 7.2 性能测试流程分工 7.3 配置管理 7.4 性能测试自动化 7.5 小结 第8章 高级脚本开发 8.1 AJAX
html基础标签总结
qq_62884427的博客
05-15 621
一、超链接标签： 重点： 超链接标签用<a></a>表示，作用：能从一个页面跳转到另一个页面。超链接标签可分为以下几种类别： 1.外部链接：例如：<a href="http://www.baidu.com">百度</a> （一般指跳转到一些官网中，即外界所提供的的网页链接，打开窗口的方式 target属性 默认的值是——self 当前窗口打开页面 _blank 新窗口打开页面） 2.内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可，例如：&..
前端学习之基础篇——盒模型
小绿的博客
12-13 172
前端学习之基础篇——盒模型 一、简介 概念、内容 content、内边距 padding、边框 border、外边距 margin 二、盒模型 1、概念 css盒模型本质是一个盒子，封装周围的html标签 2、内容 content width: 设置宽度 height: 设置高度 3、内边距（填充区域）padding 单边内边距：padding-top padding-bottom padding-left padding-right 简写 : 一个值：表示四个方向的内边距.
前端的那些基本标签【a table tr caption image等等......】
qq_46906413的博客
07-11 3909
关注博主，带你短期零基础入门前端，刷题中学习，刷题中成长，在一款可以伴程序员一生的app上成长于蜕变。后期会有python刷题专栏。
9、HTML：有序列表（ol），无序列表（ul），描述列表（dl、dt、dd）详解
qq_43535992的博客
02-01 1万+
1、什么是列表 什么是列表？ 什么是有序列表？ 什么是无序列表？ 上面写的 3 句话就是一个列表，你懂得。。。 2、有序列表 有序列表：英文叫做 ordered list，所以标签也是取这个词组的首字母 ol。ol标签括起来的范围就是有序列表的范围，而里面的每一项都是一个list（列表项），所以，也是取这个单词的一部分，li，作为标签名。如下： <!--有序列表--> &lt...
HTML+CSS详细知识点（下）
最新发布
qq_52108058的博客
11-28 1059
1、无序列表（） 无序列表是一种，各个列表项之间没有顺序级别之分 语法： type属性 ul 和 li 都有 属性值： disc：默认属性，实心圆 circle：空心圆 square：实心正方形 如： 演示： 2、有序列表（） 有序列表是一种强调排列顺序的列表 语法： type属性：属性值： 1（默认），1 2 3 a或A，a b c/A B C i或I ，i ii iii /I II IIIstart属性：属性值：数字（规定项目符号的起始地址） value属性：属性值：数字（规定项目符号的数字） 如： 演
前端标签基础讲解（一）
小hu同学
04-16 401
前端基础讲解（一） 一、超链接 超链接写法 <a href=" 链接地址" target="_blank"></a> 使用_blank跳转另一个页面不会隐藏原来页面 2.超链接下载压缩文件 同目录下，下载文件名称 <a href=" img.zip" target="_blank"></a> 超链接点击图片跳转 <a hre...
前端开发HTML基本标签(一)
小白什么也不会想做全栈
02-25 425
HTML基本标签 1.HEML结构 一个文档声明： 一个html标签对： <html></heml> 一个head标签对： <head></head> 头部 用于定义一些特殊的内容，如页面标题、定时刷新、外部文件等 一个body标签对： <body></body> 身体 大部分代码都是在这个标签对内部编写 ...
前端基础以及HTML中的各种标签
我可是小老虎的博客
09-23 541
前端开篇 浏览器窗口输入网址回车发生了几件事 """ 1 浏览器朝服务端发送请求 2 服务端接受请求(eg:请求百度首页) 3 服务端返回相应的响应(eg:返回一个百度首页) 4 浏览器接收响应 根据特定的规则渲染页面展示给用户看 """ 浏览器可以充当很多服务端的客户端 百度 腾讯视频 优酷视频.... 如何做到浏览器能够跟多个不同的客户端之间进行数据交互？ 1.浏览器很牛逼 能够自动识别不同服务端做不同处理 2.制定一个统一的标准 如果你想要让你写的服务端能够跟客户端之间做正常的数据交互
前端基础之常用标签
熱心市民小王的博客
05-05 168
HTML常用标签标题标签段落标签 标题标签 HTML中一共有六级标题标签，为h1~h6，在显示效果上h1最大，h6最小，但是并不关心具体文字的大小。因为在HTML标签中只关心标签的语义，并不涉及网页的表现形式，表现形式是交给CSS去做的。 在标题标签中h1最重要，重要性仅次于title，它用来表示一个网页的主要内容。从h1~h6重要性依次递减，一般页面标题标签中只用到h3，h3以后基本不用。 段落...
Html前端基础（这些基础标签你必须知道！）
Viewinfinitely的博客
04-23 453
文章目录HTML基本常识一些基础标签练习代码 本文主要介绍Html的基础知识，和一些必须知道的Html标签及它们的用法功能 HTML基本常识 1、浏览器： 就是一个解释器，用来解释Html文档的。 每个页面展示的内容，就是server端返回给客户的一推字符串代码，用浏览器渲染一下就变成了各种页面上绚丽的效果 2、 CS模式： C->client; S->server BS模式： B-&...
前端（一）HTML基础----HTML中的常用页面标签
编程小渣渣的进阶之路
08-28 552
  HTML 指的是超文本标记语言 (Hyper Text Markup Language)，是一种用来描述网页的一种语言，不属于编程语言。 常见的网页标签有 &lt;hr / &gt;水平线    &lt;p&gt;块级元素    &lt;/br&gt;段落内换行 &lt;th&gt;表格的表头 &lt;span&gt;分块标签 &lt;div&gt;分组标签   常见的...
过渡——CSS3动态效果 过渡属性
小绿的博客
12-27 4642
过渡——CSS3动态效果 过渡属性 一、什么是过渡： 通过 css3 可以在不使用 flash 动画或 javascript 的情况下，为元素从一种样式变换为另一种样式时添加过渡效果。 css3 过渡就是元素从一种样式逐渐改变为另一种的效果，需要确定两点： 需要添加效果的 css 属性 效果的时长 二、过渡属性： 过渡有四个属性：transition-property 、transition-duration 、transition-timing-function 、transiti.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值