首页 前端知识 HTML第一次课后作业

HTML第一次课后作业

2025-02-24 13:02:15 前端知识 前端哥 255 845 我要收藏

2024.10.21 学习基本标签和文本

标题标签:<title>用于显示菜单地址栏的标题

                  <h1>、<h2>.....<h6>标题用于文本中,大小逐渐变小

段落标签:<p>  默认每个段落前没有缩进

         换行标签:<br/>

文本标签: 粗体:<strong>、<b>

                   斜体:<em>(常用)<i>、<cite>

                   上标:<sup>

                   下标:<sub>

                   中划线:<s>

                   下划线:<u>

水平线标签:<hr/>

div标签:划分区域

块元素特点:

(1)块元素独占一行,排斥其他元素(包括块元素和行内元素)与其位于同一行。

(2)块元素内部可以容纳其他块元素和行内元素。

特殊符号: (空格)  一个汉字大约占三个空格

2024.10.23 学习列表

在HTML中,列表共有3种:有序列表、无序列表和定义列表。

有序列表:ol,即ordered list(有序列表);li,即list(列表项)。

在该语法中,<ol>和</ol>标志着有序列表的开始和结束,而<li>和</li>标签表示这是一个列表项。一个有序列表可以包含多个列表项。

无序列表:ul,即unordered list(无序列表)。li,即list(列表项)。

在该语法中,使用<ul></ul>标签表示一个无序列表的开始和结束,<li>表示这是一个列表项。一个无序列表可以包含多个列表项。

ul元素的子元素只能是li元素,不能是其他元素。

定义列表:由名词和描述组成。

dl即definition list(定义列表);dt即definition term(定义名词);而dd即definition description(定义描述)。

在该语法中,<dl>标记和</dl>标记分别定义了定义列表的开始和结束,dt标签用于添加要解释的名词,而dd标签用于添加该名词的具体解释。

2024.10.24 学习表格和图片

      <table>:表示表格

      <tr>:table row    表示行

      <td>:table data cell    单元格

      <caption>:表格标题

      <th>:table header cell  表头单元格

      <thead>、<tbody>、<tfoot>:无实际意义,表逻辑

      <td   rowspan="数字">:合并行

      <td   colspan="数字">:合并列       

在HTML中,我们可以使用img标签来显示一张图片。对于img标签,只需要掌握它的3个属性:src、alt和title。

图片标签:<img  src=" 图片路径"  alt="图片无法显示时显示的文字"  title="鼠标放到上面时显示的文字">

scr 和 alt 是必选属性,一定要添加。title 是可选属性,可加可不加

在实际开发中,不论是图片还是超链接,一般使用相对路径,几乎不会使用绝对路径

图片的格式分为  位图和矢量图

位图:放大或缩小会失真

               jpg(或jpeg):不支持保存透明背景,适合颜色丰富的图片

               png:,支持保存透明背景,可以无损压缩,但不适合颜色丰富的图片

               gif:图片效果差,但适合制作动画

矢量图:放大缩小不会失真。

               .swf(常见,指Flash动画)  /  .ai  /  .cdr  /  .fh

2024.10.26 学习超链接

超链接标签:<a  href="链接地址">文本或图片</a>

        target属性:<a href="链接地址"   target="打开方式"></a>

                打开方式:_self----在原来窗口打开(默认)

                                  _blank-----在新窗口打开 

————————————————

                            版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
                        
原文链接:https://blog.csdn.net/bs_xiaocaiji/article/details/143167316

转载请注明出处或者链接地址:https://www.qianduange.cn//article/21043.html
标签
评论
发布的文章

C/C | 每日一练 (2)

2025-02-24 13:02:49

Linux性能监控工具汇总

2025-02-24 13:02:48

Python常见面试题的详解16

2025-02-24 13:02:48

QQ登录测试用例报告

2025-02-24 13:02:47

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!