html学习日记part05

本文深入探讨了HTML中用于强调文本、设置样式、引用、换行等关键元素的使用技巧,帮助读者掌握如何利用<em>、<strong>、<span>等标签提升网页表现力。

  加入强调语气:

  <em>要强调的文本</em>  使用斜体强调

  <dtrong>要强调的文本</strong>  使用加粗强调

 

  为文字设置单独样式:

  <span>bla...bla</span>  但在<style></style>标签里要声明用什么

  <style>

    span{ color : blue; }

  <style>

 

  文本引用:

  短文本:<q>bla...bla</q>

  长文本:<blockquote>引用文本</blockquote>

 

  换行:

  <br> or <br />

 

  添加空格:

  &nbsp;

  

  添加水平横线:

  <hr> or <hr />

 

  添加地址信息:

  <address>文本</address>

 

  添加代码:

  <code>代码</code>  添加一行代码

  <pre>代码</pre>  添加一段代码

转载于:https://www.cnblogs.com/JLU-lp/p/5657273.html

内容概要:本文系统介绍了标准化和软件知识产权的基础知识,涵盖标准化的基本概念、分类、标准代号、国际标准的采用原则及程度,重点讲解了信息技术标准化、ISO与IEC等国际标准化组织以及ISO9000和ISO/IEC15504等重要标准体系;在知识产权部分,详细阐述了知识产权的定义、分类及特点,重点分析了计算机软件著作权的主体、客体、权利内容、行使方式、保护期限及侵权认定,同时涉及商业秘密的构成与侵权形式、专利权的类型与申请条件,以及企业如何综合运用著作权、专利、商标和商业秘密等方式保护软件知识产权。; 适合人群:从事软件开发、项目管理、IT标准化或知识产权相关工作的技术人员与管理人员,以及备考相关资格考试的学习者;具备一定信息技术背景,希望系统掌握标准化与软件知识产权基础知识的专业人员。; 使用场景及目标:①帮助理解各类标准的分类体系及国际标准采用方式,提升标准化实践能力;②指导企业在软件研发过程中有效保护知识产权,规避法律风险;③为软件著作权登、专利申请、技术保密等提供理论依据和操作指引。; 阅读建议:建议结合国家相关政策法规和实际案例进行深入学习,重点关注软件著作权与专利权的适用边界、标准制定流程及企业知识产权管理策略,强化理论与实践的结合。
如果你希望 **“PNG Part No.:”、“Customer:”、“Customer code:”** 这三个字段 **在同一行中,并且** **均分宽度**,可以使用 `Flexbox` 布局,让父容器为 `display: flex;`,并为每个子项设置 `flex: 1;`,这样它们就会自动平均分配容器的宽度。 --- ## ✅ 示例代码 ### ✅ CSS 样式 ```css .row { display: flex; width: 100%; gap: 10px; /* 三列之间的间距 */ margin-bottom: 15px; } .col { flex: 1; /* 均分宽度 */ display: flex; align-items: center; } .col input[type="text"] { flex: 1; padding: 4px; box-sizing: border-box; } .col label { white-space: nowrap; margin-right: 10px; font-weight: bold; } ``` ### ✅ HTML 结构 ```html <!-- 一行中的三列:均分宽度 --> <div class="row"> <!-- PNG Part No. --> <div class="col"> <label>PNG Part No.:</label> <input type="text" /> </div> <!-- Customer --> <div class="col"> <label>Customer:</label> <input type="text" /> </div> <!-- Customer code --> <div class="col"> <label>Customer code:</label> <input type="text" /> </div> </div> ``` --- ## ✅ 效果说明 | 元素 | 说明 | |------|------| | `.row` | 使用 `display: flex;`,使子元素在同一行排列 | | `.col` | 使用 `flex: 1;`,确保每个字段均分宽度 | | `gap: 10px;` | 控制三列之间的间距,使布局更美观 | | `<input>` 使用 `flex: 1;` | 确保输入框填满剩余空间 | --- ## ✅ 可选扩展:响应式布局 如果你希望在小屏幕上自动换行,可以使用媒体查询: ```css @media (max-width: 768px) { .row { flex-direction: column; } } ``` 这样在小屏幕上,三列会自动垂直排列。 --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值