首页 前端知识 HTML5基础认知,网页前端开发前景

HTML5基础认知,网页前端开发前景

2024-04-20 16:04:28 前端知识 前端哥 928 658 我要收藏

sup:上标

sub:   下标

7.放小:small(将旁注显示为小型文本)

8.编程代码相关标签:code  samp  kdb var   都是标记计算机编程语言相关的文本代码,在中文网站显示中不怎么明显

9.表示缩写:abbr

10.定义定义项目:dfn

11.定义注释:ruby   在ruby标签下还有rt与rp标签,可用rt和rp两者结合表示汉语拼音

12.定义文本(文字的方向)显示方向 :bdo

13.突出显示文本:mark 可以使文字在浏览器中显示的比较突兀

超链接路径与锚点

一、超链接

标签用来表示超链接,在HTML5中主要用到的是href属性和target属性。其中href属性是标签中必须用的一个属性,用来指定链接地址。target属性用来指定所链接的页面在浏览器窗口中的打开方式。

target参数值:

blank:在新的窗口打开链接的文件           self:在同一框架或窗口中打开链接的文件

parent: 将链接的文件载入含有该链接框架的父框架集或者父窗口中

top:在该浏览器窗口中打开,但是原有的框架会被删除。

二、路径

绝对路径:是从盘符开始的路径      相对路径:是从当前盘符开始的路径

目录语法

同一个目录:文件名.html或者是./文件名.html

在子目录:文件名/文件名.html

在孙子目录:文件名/文件名/文件名.html

在子子目录:…/文件名

三、锚点

超链接也可以用来将同一个文档中的另一个元素移入到视野,通过属性id和name来实现锚点的定位

//链接

第一章 第二章第三章

//锚点

或者

或者

或者

分组元素

1.段落分离

(p为双标签)

标签就是在

所包含的文本形成一个段落;使得段落与段落之间存在一定过得空隙。

这是一个段落

这是另一个段落

2.通用分组

(div是双标签)

进行一般性分组元素布局,在HTML5中和

的区别在于分组的元素之间没有空隙,其作用效果与
相同

这是一个分组 这是另外一个分组

3.引用大量他处内容<blockquote是双标签>

将文本内容进行分段,与标签p所分段的段落间隙相同并且首行会缩进空格。

这是一个大段引自他处的内容
这是另一个大段引自他处的内容

4.展示格式内容<pre双标签>

大概的展示编辑器中的文本内容,能够读出文本中的格式。

5.添加分割<hr单标签>

有一条下划线用于分割文本中间的内容,来显示上下文主题的区别,使用hr时只需要用


即可

6.添加一个无序的列表

使用格式

    • 张三
    • 李四
    • 王五
    • 在浏览器中会用一个黑点来表示他们的顺序

      7.添加一个有序的列表

      使用格式

      1. 张三
      2. 李四
      3. 王五
      4. 在浏览器中会用数字1 2 3来表示其格式

        ol的主要的二个属性

        1.start表示从第几个系列开始   使用形式  

          2.type表示列表的编号类型     使用形式  

          1. 值分别为a  A   i

          表格元素

          表格的组成部分

             
          这是一个表格   //用来说明一个表格                                      //表体

          小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

          深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
          因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

          img
          img
          img
          img

          由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

          如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
          img

          ❤️ 谢谢支持

          喜欢的话别忘了 关注、点赞哦~。

          开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

          前端校招面试题精编解析大全

          里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频**

          如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
          [外链图片转存中…(img-HhJhqwdM-1710597236183)]

          ❤️ 谢谢支持

          喜欢的话别忘了 关注、点赞哦~。

          开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

          [外链图片转存中…(img-Irt8n60e-1710597236183)]

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

        JQuery中的load()、$

        2024-05-10 08:05:15

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