首页 > 其他分享 >网页设计:第一部分HTML

网页设计:第一部分HTML

时间:2024-10-27 14:19:46浏览次数:7  
标签:2024.10 网页 标签 HTML 超链接 table 设计 图片 属性

2024.10.21   今天练习了文本和各种标签

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

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

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

         换行标签:<br/>

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

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

                   上标:<sup>

                   下标:<sub>

                   中划线:<s>

                   下划线:<u>

水平线标签:<hr/>

div标签:划分区域

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

245436297731416aa2e84aef21767d5e.png

00a159c0d6c645f68bff4af99ce4cf72.png

2024.10.22   今天练习了列表和表格

有序列表:<ol>     <ol   type="属性">

             属性:1,a,A,i,l

无序列表:<ul>     <ul    type="属性">

             属性:cicle,disc,square

定义列表:<dl>

               定义名词:<dt>

               定义解释:<dd>71e55189a9f5412bbcac9c3a95b337aa.png

b252badba9d64fca8a0b0d832b8f5c05.png

     --------------------------------------------------------------------

<table>:表示表格

      <tr>:table row    表示行

      <td>:table data cell    单元格

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

      <caption>:表格标题

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

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

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

741a98672a3041459b9cb2ae5dc53722.png6c775297accb41cca26cb4c37c75204e.png

3ed4221989f0408c8bd91ed2b6443235.png

2024.10.26    今天练习了图片和超链接

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

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

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

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

位图:放大或缩小会失真

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

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

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

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

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

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

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

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

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

内部链接:与图片中相对路径意思相同

锚点链接:快速导航

        

标签:2024.10,网页,标签,HTML,超链接,table,设计,图片,属性
From: https://blog.csdn.net/bs_xiaocaiji/article/details/143167316

相关文章

  • 2024-2025-1 20241316 《计算机基础与程序设计》第五周学习总结
    2024-2025-120241316《计算机基础与程序设计》第五周学习总结作业信息这个作业属于哪个课程2024-2025-1-计算机基础与程序设计这个作业要求在哪里2024-2025-1计算机基础与程序设计第五周作业这个作业的目标Pep/9虚拟机,机器语言与汇编语言,算法与伪代码,测试:黑盒,白......
  • Python实现微博舆情分析的设计与实现oX
    引言随着互联网的发展,社交媒体平台如微博已经成为公众表达意见、分享信息的重要渠道。微博舆情分析旨在通过大数据技术和自然语言处理技术,对微博上的海量信息进行情感分析、热点挖掘和趋势预测,为政府、企业和研究机构提供决策支持。本文将详细介绍如何使用Python实现微博舆情分析......
  • HTML(2)
    一.路径1,相对路径:图片相当于html的位置。相对路径:通常使用“.”或“..”开头。“./”表示当前文件所在的目录,可以省略不写;“../”表示当前目录的上一级目录;“../../”表示上上级目录;“/”开头代表根目录。a)同一级路径:将保存的图片直接拖至HBuiderX内的项目中,输入<img......
  • 2024年最新互联网大厂精选 Java 面试真题集锦(JVM、多线程、MQ、MyBatis、MySQL、Redis
    前言春招,秋招,社招,我们Java程序员的面试之路,是挺难的,过了HR,还得被技术面,在去各个厂面试的时候,经常是通宵睡不着觉,头发都脱了一大把,还好最终侥幸能够入职一个独角兽公司,安稳从事喜欢的工作至今...近期也算是抽取出大部分休息的时间,为大家准备了一份通往大厂面试的小捷径,准备......
  • Springboot计算机毕业设计电子产品在线购物平台e0h6i
    Springboot计算机毕业设计电子产品在线购物平台本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表项目功能:用户,商品分类,商品信息开题报告内容一、研究背景与意义随着互联网技术的快速发展和电子商务的兴起......
  • Springboot计算机毕业设计电子导游系统7rj3e
    Springboot计算机毕业设计电子导游系统本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表项目功能:用户,景点类型,景点信息,通知公告,类型,景点公告,景区周边开题报告内容一、项目背景与意义随着旅游业的蓬勃......
  • 基于Java+SpringBoot+Mysql实现的古诗词平台功能设计与实现四
    一、前言介绍:1.1项目摘要随着信息技术的迅猛发展和数字化时代的到来,传统文化与现代科技的融合已成为一种趋势。古诗词作为中华民族的文化瑰宝,具有深厚的历史底蕴和独特的艺术魅力。然而,在现代社会中,由于生活节奏的加快和信息获取方式的多样化,古诗词的传播和阅读面临着一定的挑......
  • 基于Java+SpringBoot+Mysql实现的古诗词平台功能设计与实现三
    一、前言介绍:1.1项目摘要随着信息技术的迅猛发展和数字化时代的到来,传统文化与现代科技的融合已成为一种趋势。古诗词作为中华民族的文化瑰宝,具有深厚的历史底蕴和独特的艺术魅力。然而,在现代社会中,由于生活节奏的加快和信息获取方式的多样化,古诗词的传播和阅读面临着一......
  • 基于Java+SpringBoot+Mysql实现的古诗词平台功能设计与实现四
    一、前言介绍:1.1项目摘要随着信息技术的迅猛发展和数字化时代的到来,传统文化与现代科技的融合已成为一种趋势。古诗词作为中华民族的文化瑰宝,具有深厚的历史底蕴和独特的艺术魅力。然而,在现代社会中,由于生活节奏的加快和信息获取方式的多样化,古诗词的传播和阅读面临着一......
  • 基于Java大学导师管理信息系统的设计与实现(源码+LW+讲解和调试)
     目录:博主介绍:  完整视频演示:系统技术介绍:后端Java介绍前端框架Vue介绍具体功能截图:部分代码参考:  Mysql表设计参考:项目测试:项目论文:​为什么选择我:源码获取:博主介绍:  ......