【html】03--转义标签

案例1:制作一个无规则的列表

---经观察,6行7列的一个列表,快速生成一下主体:

解释一下,$默认从1开始计数的

点下tab,效果如下

-----表格居中,字体并未居中

---margin(边缘)

【表格已经完成,开始对表格的合并做处理,处理的路线是先合并所有的行,再合并所有的列:】

1、

2、用colspan(column span 合并列打通第行

本列不删除,代colspan表的意思就是打通连它在内的七列,比如colspan="5",意思是合并5列为一列

3、对最后一行的列进行处理

4、对列的处理,从第二行开始,第二列占三行

注意的是,第二行第二列可不删列,rowspan代表的意思就是打通连它在内的三行

5、从第五列第二行开始,删除下面的4行tr

完整代码如下:

案例2、进行一首诗(转义标签)

----就是如何让电脑达到你想要的效果,对程序进行转义

---涉及到排版问题

---small能将h1(原来的)缩小百分之20,这时候有同学会想,能不能用h2,缩小字体嘛。如果用h2就换行了

【对段落进行优化:】

【我们在html上的回车换行是<br />;&nbsp表示一个空格;&lt(less than)小于号;&gt大于号】

---将这首诗段落前进行缩进,换行和空格在html上是不生效的

----前面有缩进,注意的是,一般我们不用nbsp进行缩进,因为在不同的浏览器上, 上效果不一样的,解析不一样

--但是,pre 原样显示,写成什么是什么,默认取消钥匙

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概述 在网易云课堂学习李南江老师的《从零玩转HTML5前端+跨平台开发》时,所整理的笔记。笔记内容为根据个人需求所...
    墨荀阅读 6,953评论 0 7
  • 一、h1到h6标题标签 H1到h6标签,相对于当前文档的重要性依次降低。注意h1标签在整个页面中最多一次(当然可以...
    南南121阅读 3,335评论 0 0
  • 1.3.2.1语法 1 <>闭合: 有 与之对应,自闭合的,如 2 标签可以带一个或多个属性3 嵌套,闭...
    每日活菌阅读 3,294评论 0 0
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,691评论 1 41
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,719评论 32 459

友情链接更多精彩内容