热门标签 | 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标签


推荐阅读
  • 如何实现织梦DedeCms全站伪静态
    本文介绍了如何通过修改织梦DedeCms源代码来实现全站伪静态,以提高管理和SEO效果。全站伪静态可以避免重复URL的问题,同时通过使用mod_rewrite伪静态模块和.htaccess正则表达式,可以更好地适应搜索引擎的需求。文章还提到了一些相关的技术和工具,如Ubuntu、qt编程、tomcat端口、爬虫、php request根目录等。 ... [详细]
  • GetWindowLong函数
    今天在看一个代码里头写了GetWindowLong(hwnd,0),我当时就有点费解,靠,上网搜索函数原型说明,死活找不到第 ... [详细]
  • 知识图谱——机器大脑中的知识库
    本文介绍了知识图谱在机器大脑中的应用,以及搜索引擎在知识图谱方面的发展。以谷歌知识图谱为例,说明了知识图谱的智能化特点。通过搜索引擎用户可以获取更加智能化的答案,如搜索关键词"Marie Curie",会得到居里夫人的详细信息以及与之相关的历史人物。知识图谱的出现引起了搜索引擎行业的变革,不仅美国的微软必应,中国的百度、搜狗等搜索引擎公司也纷纷推出了自己的知识图谱。 ... [详细]
  • 单页面应用 VS 多页面应用的区别和适用场景
    本文主要介绍了单页面应用(SPA)和多页面应用(MPA)的区别和适用场景。单页面应用只有一个主页面,所有内容都包含在主页面中,页面切换快但需要做相关的调优;多页面应用有多个独立的页面,每个页面都要加载相关资源,页面切换慢但适用于对SEO要求较高的应用。文章还提到了两者在资源加载、过渡动画、路由模式和数据传递方面的差异。 ... [详细]
  • 本文介绍了互联网思维中的三个段子,涵盖了餐饮行业、淘品牌和创业企业的案例。通过这些案例,探讨了互联网思维的九大分类和十九条法则。其中包括雕爷牛腩餐厅的成功经验,三只松鼠淘品牌的包装策略以及一家创业企业的销售额增长情况。这些案例展示了互联网思维在不同领域的应用和成功之道。 ... [详细]
  • ORACLE空间管理实验5:块管理之ASSM下高水位的影响
    数据库|mysql教程ORACLE,空间,管理,实验,ASSM,下高,水位,影响,数据库-mysql教程易语言黑客软件源码,vscode左侧搜索,ubuntu怎么看上一页,ecs搭 ... [详细]
  • layui表格分页不生效怎么办
    web前端|Layui教程layuiweb前端-Layui教程小程序实例源码,ubuntuip切换,tomcat默认端改为80,爬虫完整源码,微信小程序php接口,seo专业培训班 ... [详细]
  • HowcanIaligntwoinline-blockssothatoneisleftandtheotherisrightonthesameline?Whyi ... [详细]
  • React图片输入框移动端网页_018
    React-图片输入框-移动端网页gitHub地址觉得有参考价值,点个赞https:github.comxiaopingzh…目录结构.├──README.md├──dist│├─ ... [详细]
  •   html5中template用法,html5标签  一、HTML5template元素初面  模板元素,基本上可以确定 ... [详细]
  • WebStorm配置Node.js IDE
    开始刚学的时候一直用命令行来运行Node.js,网上找了些配置Node.jsIDE配置的贴子,说WebStorm配置IDE最简单,自己就试了下。1.首先安装Node这步就不说了2. ... [详细]
  • 前端监控数据网络(要求阻拦)
    所谓web,纵然你我素未谋面,便知志趣相投;深居简出,亦知天下之大。01—为何阻拦要求如今的web运用,大都是经由过程要求(http)去猎取资本,拿到资本后再显现给用户,一个页面中 ... [详细]
  •   html5与js,  本文介绍html5shiv.js和respond.min.js与大家分享,如下:  做 ... [详细]
  • 4.HTML基础——基础标签
    文章目录基础标签学习快捷键H系列标签(Header1——Header6)P标签(Paragraph)Hr标签( ... [详细]
  • 通过我的观察发现hr标签可以写也可以不写,如果不写那么就是按照HTML的规范来编写的,如果写上,那么就是按照XHTML规范来编写的但是在HTML5中,由于HTML5兼容HTML和X ... [详细]
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社区 版权所有