热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

HTML学习笔记(一)

1.   html是超文本标记语言,html是用来制作网页的。2.   html文件有两种后缀名,可以是.html,也可以是.htm。3.   html的基本结构是:4.   h1-h6标签是标题标签

1.   html是超文本标记语言,html是用来制作网页的。


2.   html文件有两种后缀名,可以是.html,也可以是.htm。


3.   html的基本结构是:






4.   h1-h6标签是标题标签,可以改变文字的大小。


5.   br标签是换行标签,同时它是单标签,单标签即是指单独出现不是成对出现。


6.   font标签是用来改变文字的颜色、大小、字体等属性的。


7.   p标签是段落标签。


8.   b标签是使文字加粗的。


9.   i标签是使文字变斜体的。


10. u标签是给文字加下划线的。


11. sup标签是使文字处于行的上方。


12. sub标签是使文字处于行的下方。


13. img标签是用来在网页上显示图片的,src属性是来指定图片的位置,width和height属性是用来改变图片的宽度和高度的,alt属性是用来为图片添加提示,align属性既可以改变图片在网页上的位置,也可以设置图片与它旁边的文字的对齐方式。


14. hr是在网页上画横线的标签,size是用来设置横线的大小,width是用来设置横线宽度,color属性是用来设置横线的颜色。


15. ol标签是用来做有序列表的,列表里面的每一项都需要放在li标签中,ol的type属性可以改变序列的编号样式。


16. ul标签是用来做无序列表的,列表里面的每一项都需要放在li标签中,ol的type属性可以改变序列的编号样式。


17. pre是预格式标签,它的作用是将网页内的代码按照代码本身的格式显示到网页上。


18. a标签是用来进行网页跳转的,它有两个作用,第一个作用是进行网页和网页之间的跳转,第二个作用是进行网页内部的跳转,href属性指定了目的地。


19. marquee标签是用来滚动文字或者图片,direction属性是用来设置滚动的方向,scrolldelay属性是用来设置滚动的速度,其值越小,滚动的速度越快。


20. table标签表示一个表格,它里面放tr和td标签,tr标签表示一行,td标签表示一列;align是控制表格的位置,border是表示表格的边界,cellpadding是控制单元格中文字与边界的距离。Colspan是用来进行跨列合并的,rowspan是用来进行跨行合并的;cellspacing是用来设置单元格和单元格之间的距离。


21. 我们可以通过使用td的属性align和valign来控制某个单元格里的文字的位置。


22. 在table中设置细黑线的秘密:


 



推荐阅读
  • Vue 2 中解决页面刷新和按钮跳转导致导航栏样式失效的问题
    本文介绍了如何通过配置路由的 meta 字段,确保 Vue 2 项目中的导航栏在页面刷新或内部按钮跳转时,始终保持正确的 active 样式。具体实现方法包括设置路由的 meta 属性,并在 HTML 模板中动态绑定类名。 ... [详细]
  • 本文探讨了如何通过最小生成树(MST)来计算严格次小生成树。在处理过程中,需特别注意所有边权重相等的情况,以避免错误。我们首先构建最小生成树,然后枚举每条非树边,检查其是否能形成更优的次小生成树。 ... [详细]
  • 程序员妻子吐槽:丈夫北漂8年终薪3万,存款情况令人意外
    一位程序员的妻子在网上分享了她丈夫在北京工作八年的经历,月薪仅3万元,存款情况却出乎意料。本文探讨了高学历人才在大城市的职场现状及生活压力。 ... [详细]
  • 国内BI工具迎战国际巨头Tableau,稳步崛起
    尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ... [详细]
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • QBlog开源博客系统:Page_Load生命周期与参数传递优化(第四部分)
    本教程将深入探讨QBlog开源博客系统的Page_Load生命周期,并介绍一种简洁的参数传递重构方法。通过视频演示和详细讲解,帮助开发者更好地理解和应用这些技术。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • PyCharm下载与安装指南
    本文详细介绍如何从官方渠道下载并安装PyCharm集成开发环境(IDE),涵盖Windows、macOS和Linux系统,同时提供详细的安装步骤及配置建议。 ... [详细]
  • 在 Windows 10 中,F1 至 F12 键默认设置为快捷功能键。本文将介绍几种有效方法来禁用这些快捷键,并恢复其标准功能键的作用。请注意,部分笔记本电脑的快捷键可能无法完全关闭。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • 本周信息安全小组主要进行了CTF竞赛相关技能的学习,包括HTML和CSS的基础知识、逆向工程的初步探索以及整数溢出漏洞的学习。此外,还掌握了Linux命令行操作及互联网工作原理的基本概念。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • 本文探讨了如何像程序员一样思考,强调了将复杂问题分解为更小模块的重要性,并讨论了如何通过妥善管理和复用已有代码来提高编程效率。 ... [详细]
author-avatar
vuvhvuvh
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有