html5是什么?五大浏览器、网页基本骨架结构与含义、常用标签——学习HTML5第一天的心得总结,若有错误望指正,我将持续更新与大家共同进步。

2023-05-16

注意:上方P标签所说的块元素不可嵌套块元素是指在p元素中不建议嵌套块元素,如不建议<P><div></div></P>这种嵌套,其他块元素则根据需求嵌套即可

1.html5是什么?

HyperText Markup Language 超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

2.五大浏览器

  1. 、IE(Internet Explore)浏览器
  2. 、Opera浏览器:
  3. 、Safari浏览器:
  4. 、Firefox浏览器:
  5. 、Chrome浏览器:

3.标签语法

1.双标记标签      <标签名>内容</标签名>
2.单标记标签      <标签名>

4.网页基本骨架结构与含义

骨架:

  1. <!DOCTYPE html>
  2.    <html>
  3.      <head>
  4.           <title>网页标题</title>
  5.      </head>
  6.    <body>
  7.    </body>
  8.    </html>   
<!DOCTYPE html>
   <html>
     <head>
          <title>网页标题</title>
     </head>
   <body>
   </body>
   </html>   

含义:

<!DOCTYPE html> 声明文档类型 html5文档

<html></html> 根标记标签

<head></head> 头标记标签

<body></body> 主体标记标签

<meta charset="utf-8"> 元数据标签 charset设置字符编码 utf-8被称为万国码,包含全世界所有国家所需要的字符,若无字符集则可能会出现乱码的状况。

提示:gbk / gb2312两种编码类型统称为国标码

5.常用标签

标题标签:

  1. <h1>一级标题</h1>

  2. <h2>二级标题</h2>

  3. <h3>三级标题</h1>

  4. <h4>四级标题</h4>

  5. <h5>五级标题</h5>

  6. <h6>六级标题</h6>

段落标签:<p> </p>

换行标签:<br /> 

<!--  --> 注释标签 (注释内容浏览器界面不显示)

在HBuilder X与 VS code中注释快捷键是ctrl+/ 

图像属性:

图像标签<img src="" /> (图像标签中<img src="./图片名">中"./"指当前目录可省略不写)

1.相对路径

2.绝对路径

这里来重点讲解相对路径

<img  src="路径" alt="加载失败" width="宽度"
height="高度" title="提示文本">

src用来表示图片的引用路径
    1.当html文件 与 图片在同一个目录下 ,src的值
是直接写图片名称(./表示本目录可省略不写)
    2.当html文件与 图片所在文件夹 与 图片在同一个目录下,src的值是 先写图片所在文件夹的名称,在写图片名称
<img src="img/2.jpg">
    3.当html文件所在文件夹 与 图片 在同一目录
下,src的值是 先通过../ 跳出当前目录,在写图片名称
<img src="../3.jpg">
    4.当html文件所在文件夹 与图片所在文件夹 在
同一目录下,src的值 是先通过../ 跳出当前文件的目录,再通过  图片文件夹名称/  进入图片文件夹  然后写图片名称
<img src="../(图片文件夹名称)/4.jpg">
 

希望各位能够好好学习前端一起成长。


  

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

html5是什么?五大浏览器、网页基本骨架结构与含义、常用标签——学习HTML5第一天的心得总结,若有错误望指正,我将持续更新与大家共同进步。 的相关文章

  • “/etc/X11/xorg.conf”中鼠标部分的配置详解

    先贴一个配置样例 xff1a Section 34 InputDevice 34 Identifier 34 Configured Mouse 34 Driver 34 mouse 34 Option 34 CorePointer 34 O
  • Ethernet基础知识之二

    http blogold chinaunix net u2 60488 showart 476058 html xff0a xff0a xff0a 所有内容均选自不同达人 xff0c 本人整理而已 xff0c 仅供参考学习 xff0a xf
  • UNIX 环境高级编程之我见

    UNIX环境高级编程 xff08 第二版 xff09 xff08 人民邮电出版社 xff09 美 W Richard Stevens amp Stephen A Rago 著 本书的主要结构分为以下几个部分 xff1a xff08 1 xf
  • Charles+Postern抓包

    Charles 43 Postern抓包 本教程仅用于学习 任何人不得利用技术进行违法违规操作 阅读则同意约定 为什么要说使用Charles 43 Postern 在实际抓手机App包场景中 有很多种方案 经典的就是Fiddler 但是Fi
  • vncserver 图形界面显示

    1 安装XVNC 安装Linux时 xff0c 可以从安装包中选中 若没有安装 xff0c 可以从安装盘中找到 服务器的组件名叫vnc server 请执行rpm q vnc server 这个指令 它的输出应该是package vnc s
  • 对抗攻击常用术语

    时间 2018 12 22 题目 对抗攻击 xff08 Adversarial attacks xff09 的常用术语 概述 本文是论文 Threat of Adversarial Attacks on Deep Learning in C
  • 停止正在运行的docker容器及docker容器删除

    1停止正在运行中的docker进程 执行以下命令 span class token function docker span span class token function ps span 结果如下 ONTAINER ID IMAGE
  • pytorch框架下faster rcnn使用softnms

    pytorch faster rcnn softnms frcnn使用softnms方法一 xff1a pytorch复现版本的cpu版softnms xff08 本方法可以跑通 xff09 0 首先overview一波 xff1a inf
  • Xmanager--本地远程连接CentOS7及ubuntu图形化

    win10远程连接centos7参考以下文章 https blog csdn net kevinyankai article details 80266767 https www linuxidc com Linux 2017 03 142
  • FreeRTOS学习笔记——FreeRTOS任务创建和删除实验(动态方法)

    6 1 任务创建和删除API 函数 FreeRTOS 最基本的功能就是任务管理 xff0c 而任务管理最基本的操作就是创建和删除任务 xff0c FreeRTOS 的任务创建和删除API 函数如表6 1 1 1 所示 xff1a 1 函数x
  • cmake脚本汇总(持续更新中)

    主要针对VS生成项目 1 release模式下生成pdb文件 xff1a set CMAKE CXX FLAGS RELEASE 34 CMAKE CXX FLAGS RELEASE Zi Od 34 对应调试信息格式以及优化等级 set
  • 关于C,看过的一些书

    忘了名字的书 xff0c C语言程序设计 xff08 老谭版 xff09 高质量程序设计 C陷阱与缺陷 C专家编程 程序员成长计划 UNIX环境高级编程 深入理解计算机系统 代码大全 编程精粹 重构 xff08 在读 xff09 按照自己的
  • JavaScript删除数组对象中指定key对应的对象

    例如 xff1a 删除数组对象a中key值为3的对象 xff0c 并返回新的数组 span class token variable let span span class token variable a span span class
  • FreeRTOS第一个任务的创建和调度详解(SVC异常)

    在上一篇文章中 xff0c 我详细分析了FreeRTOS中上下文切换 xff1a 基于Cortex M的RTOS上下文切换详解及FreeRTOS实例 但是第一个任务没有上下文 xff0c 它是怎么运行的呢 xff1f 1 创建任务 如果我们
  • windows 下最底层的模拟键盘

    对于大多程序模拟按键使用下面的代码就可以胜任 但是换成游戏就不行了 keybd event VK LWIN 0 0 0 keybd event VK LWIN 0 KEYEVENTF KEYUP 0 键盘的原理是向操作系统的键盘驱动程序发送
  • 理解Vue中的MVVM

    MVVM是前端视图层的开发思想 xff0c 主要关注于视图层 xff0c 是把每个页面分成了M xff08 Model xff09 V xff08 View xff09 VM xff08 ViewModel xff09 Model层 数据层
  • windows server2019数据中心桌面版多远程桌面RDP方案

    Windows Server 默认远程桌面连接数是2个用户 xff0c 如果多于两个用户进行远程桌面连接时 xff0c 系统会提示需要挤掉一个用户的连接 如果需要实现多用户远程登录则需要通过添加远程桌面授权或者修改底层代码 安装以下服务 打
  • openstack创建实例报Build of instance d401db9e-xxxx-97c5d7685592 aborted: Unknown auth type: None

    这是在Dashborad界面得到以上报错 排查半天没有任何结果 xff0c 发现keystone还是报认证错误 controller其他日志正常 通过shell手动创建实例 root 64 controller openstack serv
  • No valid host was found. There are not enough hosts available.

    系统总算是恢复了 xff0c 但是在创建实例的时候是有一个节点创建成功 xff0c 其他节点报错如下 节点的报错日志 root 64 compute 1 nova cat nova compute log 2020 12 18 19 18
  • React应用中封装axios

    本文在enjoytoday首发 xff0c 点击原文查看 Axios简介 Axios 是一个基于 promise 的 HTTP 库 xff0c 可以用在浏览器和 node js 中 特性 支持node端和浏览器端支持拦截器等高级配置使用Pr

随机推荐