热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

HTML5初步标签学习1——H标签,P标签,Hr标签,img标签,br标签,a标签,base标签

首先关于html5的学习,采用的是webstorm软件,所有的h5标签不是用来改变文本样式的,而是用来添加语义的,改变样式是由css来实现的。标签学习:1.H标签:给文本添加标题
首先关于html5的学习,采用的是webstorm软件,所有的h5标签不是用来改变文本样式的,而是用来添加语义的,改变样式是由css来实现的。
标签学习:
1. H标签:给文本添加标题语义,并非修改文本样式
 格式:

我的第一个html程序


 注意点:
  * h标签一共有6个,h1到h6,超过无效
  * 被h标签包裹的内容会独占一行
  * 在h系列的标签中,h1的字最大,h6最小
  * 在企业开发中,一般情况下,一个界面只能出现一个h1标签(与SEO有关,初步未做多的了解)
2. P标签:包裹一个段落
 格式:

世上本无事,庸人自扰之!说的就是这个道理。简单的人认真做事,单纯待人。待人处事先从好的地方着想,有了这个前提,心态自然就变好,事情的发展也会向着好的方向进行。反之,你的人生会过的很坎坷,因为时时处处都有你不喜欢的东西在等着你。


 注意点:
 * 在浏览器中会独占一行
* 不会首行缩进,应该用css
3. Hr标签:在浏览器中显示一条分割线
 格式:

 注意点:
 *

的区别:
为xhtml的使用方法,xhtml中标签必须被正确的关闭,html5写成

 * 在浏览器中独占一行
4. img标签:显示图片
 格式:
 注意点:
 *  img标签不会独占一行
 属性:
 * width:      height: 指定图片的宽高,当在浏览器中显示图片时,可以只指定width或者height,浏览器会自动给出另外一个,保持图片比例不变
 * title:告诉浏览器当鼠标悬停在图片上时,需要弹出的描述框中显示的内容
 * alt : 当需要的图片找不到时,在浏览器中显示的内容 
5. br标签:换行
 注意点:
 * 多个br标签可以连续使用,换多行,但是br换行是指一段还没有结束,就进行换行,如:高级搜索显示为两行
 * 由于html的作用是给文本添加语义,而br标签的语义不是另起一个段落换行,而在企业开发中一般情况下需要换行都是因为另起一个段落,所以企       业开发中很少使用br标签
 * 可以由p标签代替
6. a标签:控制页面与页面之间的跳转
 格式:需要展现给用户的内容
 属性:
 * href属性:指定url地址,必须指定https://或者http://
 * target属性:用于控制如何跳转
        _self:用于在当前选项卡中跳转,也就是不新建界面跳转,默认就是_self
        _blank:用于在新的选项卡中跳转,也就是新建页面跳转
 * title属性:用来控制鼠标悬停时显示的提示文本
注意点:
 * 不单独占一行
 * 可以让文字和图片被点击
 * 一个a标签必须要有一个href属性,否则不知道跳转到哪里 
7. base标签:用来指定当前网页中所有的a标签如何打开
 注意点:
 * base标签必须写在header标签的开始和结束之间
 * 如果已经在base标签中指定了target标签,又在a标签中指定target标签,则显示a标签中的target标签


推荐阅读
  • 该大学网站采用PHP和MySQL技术,在校内可免费访问某些外部收费资料数据库。为了方便学生校外访问,建议通过学校账号登录实现免费访问。具体方案可包括利用学校服务器作为代理,结合身份验证机制,确保合法用户在校外也能享受免费资源。 ... [详细]
  • 网站访问全流程解析
    本文详细介绍了从用户在浏览器中输入一个域名(如www.yy.com)到页面完全展示的整个过程,包括DNS解析、TCP连接、请求响应等多个步骤。 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • Webdriver中元素定位的多种技术与策略
    在Webdriver中,元素定位是自动化测试的关键环节。本文详细介绍了8种常用的元素定位技术与策略,包括ID、名称、标签名、类名、链接文本、部分链接文本、XPath和CSS选择器。每种方法都有其独特的优势和适用场景,通过合理选择和组合使用,可以显著提高测试脚本的稳定性和效率。此外,文章还探讨了在复杂页面结构中如何灵活运用这些定位技术,以应对各种挑战。 ... [详细]
  • 本指南介绍了 `requests` 库的基本使用方法,详细解释了其七个主要函数。其中,`requests.request()` 是构建请求的基础方法,支持其他高级功能的实现。此外,我们还重点介绍了如何使用 `requests.get()` 方法来获取 HTML 网页内容,这是进行网页数据抓取和解析的重要步骤。通过这些基础方法,读者可以轻松上手并掌握网页数据抓取的核心技巧。 ... [详细]
  • 技术日志:使用 Ruby 爬虫抓取拉勾网职位数据并生成词云分析报告
    技术日志:使用 Ruby 爬虫抓取拉勾网职位数据并生成词云分析报告 ... [详细]
  • Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果,同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码,并展示了实现的基本效果。 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • Android开发技巧:使用IconFont减少应用体积
    本文介绍如何在Android应用中使用IconFont来显示图标,从而有效减少应用的体积。 ... [详细]
  • 本文详细介绍了如何利用Duilib界面库开发窗体动画效果,包括基本思路和技术细节。这些方法不仅适用于Duilib,还可以扩展到其他类似的界面开发工具。 ... [详细]
  • 在软件开发过程中,经常需要将多个项目或模块进行集成和调试,尤其是当项目依赖于第三方开源库(如Cordova、CocoaPods)时。本文介绍了如何在Xcode中高效地进行多项目联合调试,分享了一些实用的技巧和最佳实践,帮助开发者解决常见的调试难题,提高开发效率。 ... [详细]
  • 技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统
    技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]
  • 本文介绍了如何利用Struts1框架构建一个简易的四则运算计算器。通过采用DispatchAction来处理不同类型的计算请求,并使用动态Form来优化开发流程,确保代码的简洁性和可维护性。同时,系统提供了用户友好的错误提示,以增强用户体验。 ... [详细]
  • 一、HTML5新增属性1.1、contextmenucontextmenu的作用是指定右键菜单。<!DOCTYPEhtml><html><head> ... [详细]
  • WebSocket与Socket.io的理解
    WebSocketprotocol是HTML5一种新的协议。它的最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送 ... [详细]
author-avatar
killphp
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有