• web前端零基础入门1


    一.首先在桌面建立一个文件夹——source,方便将源代码保存。

    二.自结束标签

    1.自结束标签

    第一种:不用像<h1>aaa</h1>这样,而是直接写标签

     第二种:直接CTRL+C后面CTRL+V标签后面加上反斜杠/,这也是正确的

     下面我们写一段话在这个部分,看看效果会是怎样的?

     我们发现,这个只是我们想写的一个注释,并不是想它呈现在我们的页面上,所以要另辟蹊径咯!

    三.注释

    下面就是怎样进行注释!<!--aaa-->,这个符号就是进行注释!我们发现它的颜色发生了变化。

     注意咯:

    1).HTML的注释可能会被浏览器所忽略,不会在网页中呈现,但是是可以在源码中查看得到!注释就是用来对代码进行解释的。开发中一定要养成良好的注释习惯,注释要求简单明了。

    2).注释还可以将一些不希望显示的内容隐藏。(我们看到是将这四个标签移动到了注释的位置,这样效果就不会呈现标签了)

    3).注释不能嵌套。解释就是,你不能写了一个注释<!--aaa-->后,又写一个注释。这样会将第二个注释里面的呈现出来,起不到注释的效果。

    四.标签中的属性

    如果我们想要我们的标签不一样?那该怎么办? 这就涉及到我们标签中的属性!

    属性:

    1.在标签中(开始标签或自结束标签)还可以设置属性。属性还是一个值对(x=y)

    2.属性用来设置标签中的内容如何显示。

    注意:

    1.属性和标签或者其他属性应该用空格隔开,属性名也不能乱写,所以的属性都是规定的,应该遵守文档中的规定编写,有些属性有属性值而有的没有值,只需要写属性名。

    2.如果属性值,记住!要有引号,单双都可以,但是源码中的需要一致,并且所有符号都需要是英文符号。

     首先这里我们出现了一个新的标签——font,而我们想要我们网页中的颜色区分,那么就要使用——color,然而我们知道属性也是一个值,所以代码中color="red",就是将网页字体颜色变成了红色。

    除了color这个属性名,当然还有很多其他的,例如这里的表示字体大小的——size。这里可以看见红色字体比其他字体小 。

    五.网页的基本结构

     

  • 相关阅读:
    idea2023开发插件入门
    人工智能前沿——无人自动驾驶技术
    linux阻塞IO与非阻塞IO在应用层和驱动层的实现(一)
    【SSM】Spring Day 1
    Linux单例模式
    C Primer Plus(6) 中文版 第12章 存储类别、链接和内存管理 12.3 掷骰子
    24 Python的sqlite3模块
    前后端分离跨域问题及SameSite=Lax解决方法
    ubuntu下使用docker命令行
    2022谷粒商城学习笔记(三)分布式组件nacos、openfeign、gateway的本地化单机配置
  • 原文地址:https://blog.csdn.net/qq_62512326/article/details/125514401