猿创征文|【HTML】标签学习之路

这篇具有很好参考价值的文章主要介绍了猿创征文|【HTML】标签学习之路。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

猿编程c6 html,WEB前端,开发语言,前端,html,学习

💖目录

一、HTML语法规范

1.基本语法概述

2.标签关系

二、HTML基本结构标签

1.第一个HTML页面

2.HTML基本结构标签总结

一、HTML语法规范

1.基本语法概述

  • html是由尖括号包围的关键词,列如:<html>
  • html标签通常是成对出现的,列如:<html>和</html>,我们称为双标签。标签对里的第一个标签是开始标签,第二个标签是结束标签。
  • 有些特殊的标签必须是单个标签(极少情况),列如<br />,我们称为单标签。
    <html>开始标签
    </html>结束标签  成对出现
    <br /> 单标签
    

2.标签关系

双标签关系可以分为两类:包含关系并列关系

包含关系(俗称父子关系)

<head>
    <tilte></tilte>
</head>

并列关系(俗称兄弟关系)

<head></head>
<body></body>

二、HTML基本结构标签

1.第一个HTML页面

每个网页都会有一个基本的结构标签(也俗称为骨架标签),页面内容也是在这些基本标签上书写的。HTML页面也称为HTML文档:

HTML标签
标签名 定义 说明
<html></html> HTML标签 页面中最大的标签,我们称为根标签
<head></head> 文档的头部 注意在head标签中我们必须要设置的标签是title
<title></title> 文档的标题 让页面拥有一个属于自己的网页标题
<body></body> 文档的主体 元素包含文档的所以内容,页面内容基本都是放到body里面的
<html>
    <head>
        <title>我的第一个网页</title>
    </head>
    <body>
        人生苦短,我要学前端。
    </body>
</html>

案例:

猿编程c6 html,WEB前端,开发语言,前端,html,学习

 猿编程c6 html,WEB前端,开发语言,前端,html,学习

 HTML文档的后缀名必须是.html或.htm,浏览器的作用是读取HTML文档,并以网页的形式显示出它们。此时,我们用浏览器打开这个网页,就可以浏览我们的写的第一个网页了。

2.HTML基本结构标签总结

猿编程c6 html,WEB前端,开发语言,前端,html,学习文章来源地址https://www.toymoban.com/news/detail-795245.html

到了这里,关于猿创征文|【HTML】标签学习之路的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 猿创征文 | Solidity 智能合约技术成长之路

    Solidity 是链上智能合约的开发语言,链上智能合约相当于传统行业的后端,链上应用基本都是由合约 + 前端组成的,虽然不推荐,但部分链上应用也会加入后端进行数据存储,以降低用户的使用成本。 Solidity 这门开发语言并不复杂,只需要您稍微有一点儿编程基础,英文词汇

    2024年01月23日
    浏览(47)
  • 猿创征文 | re:Invent 朝圣之路:“云“行业风向标

    💗wei_shuo的个人主页 💫wei_shuo的学习社区 🌐Hello World ! 2022年亚马逊云科技re:Invent全球大会震撼来袭,即将于北京时间11月30日-12月2日在美国内华达州,拉斯维加斯市召开;副总裁兼首席技术官Werner Vogels博士向开发者们展示了未来的另一种可能——把精力放在更有价值的工

    2024年02月01日
    浏览(44)
  • 【WEB前端进阶之路】 HTML 全路线学习知识点梳理(中)

    本文是HTML零基础学习系列的第二篇文章,点此阅读 上一篇文章。 标题是通过 h1 - h6 标签进行定义的。 h1 定义最大的标题。 h6 定义最小的标题。浏览器会自动地在标题的前后添加空行,例如: 标题用来正确的显示文章结构 ,通过不同的标题可以为文章建立索引,所以,标题

    2024年02月02日
    浏览(46)
  • 猿创征文 | Shell编程【上篇】

    目录 1,Shell编程 1.1:简介 1.1.1:shell解释器 1.2:快速入门 1.2.1:编写脚本 1.2.2:执行shell脚本 1.3:shell变量 1.3.1:简介 1.3.2:使用变量 1.3.3:删除变量 1.3.4:只读变量  1.4:字符串 1.4.1:单引号 1.4.2:双引号  1.4.3:获取字符串长度   1.4.4:提取子字符串  1.5:传递参数 1

    2024年02月02日
    浏览(59)
  • 猿创征文|弃文从工,从小白到蚂蚁工程师,我的 Java 成长之路

    最近 CSDN 开展了猿创征文,希望博主写文章讲述自己在某个领域的技术成长历程。 之前也曾想找个机会写篇文章,记录下自己的成长历程。 因此,借着这个机会写下这篇文章。 在回顾自己的成长历程的同时,希望对一些同学的学习和工作也会有一些启发和帮助。 阅读本文,

    2024年02月16日
    浏览(50)
  • 猿创征文|【深度学习前沿应用】文本生成

    作者简介 :在校大学生一枚,C/C++领域新星创作者,华为云享专家,阿里云专家博主,腾云先锋(TDP)成员,云曦智划项目总负责人,全国高等学校计算机教学与产业实践资源建设专家委员会(TIPCC)志愿者,以及编程爱好者,期待和大家一起学习,一起进步~ . 博客主页 :

    2024年02月06日
    浏览(41)
  • 猿创征文|【云原生】学习云原生经验分享

    博主昵称:跳楼梯企鹅 博主主页面链接: 博主主页传送门 博主专栏页面连接: 专栏传送门--网路安全技术 创作初心:本博客的初心为与技术朋友们相互交流,每个人的技术都存在短板,博主也是一样,虚心求教,希望各位技术友给予指导。 博主座右铭:发现光,追随光,

    2024年02月02日
    浏览(63)
  • Web基础 HTML标签 六种超链接标签的使用方式

    1、链接的语法格式: a标签里的a是单词anchor的的缩写,意为:锚。 两个属性的作用如下: 属性 作用 href 用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能 target 用于指定链接页面的打开方式和,其中_self(当前页面打开)为默认值,

    2023年04月09日
    浏览(39)
  • 【前端web入门第一天】02 HTML图片标签 超链接标签

    文章目录: 1.HTML图片标签 1.1 图像标签-基本使用 1.2 图像标签-属性 1.3 路径 1.3.1 相对路径 1.3.2 绝对路径 2.超链接标签 3.音频标签 4.视频标签 作用:在网页中插入图片。 src用于指定图像的位置和名称,是的必须属性。 本地图片的使用 图片拖拽到文件夹里 前两个属性是重点,后两

    2024年01月25日
    浏览(48)
  • HTML5+CSS3+移动web 前端开发入门笔记(二)HTML标签详解

    排版标签用于对网页内容进行布局和样式的调整。下面是对常见排版标签的详细介绍: 标题使用至标签进行定义。定义最大的标题,定义最小的标题。具有align属性,属性值可以是:left、center、right。 将给定的HTML代码转换为Markdown格式的标题标签如下所示: 效果演示: H3:

    2024年02月07日
    浏览(69)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包