首页 > 其他分享 >前端学习Day01

前端学习Day01

时间:2023-09-12 23:32:08浏览次数:36  
标签:网页 标签 Day01 学习 html 你好 前端 属性

Html

第一节:初识heml

  • 定义:html是一种用于创建网页的标记语言,通过标签来描述页面的不同部分和元素。
  • 页面元素:构成网页结构和内容的基本单元,比如:标题,段落,图像,连接,表格等等。
  • 第一个标签:<marquee>跑马灯的效果
<marquee>你好,前端!</marquee>
  • 什么是标签:

前端学习Day01_标签属性

  • 标签可以写大写也可以写小写,但是标准要求全是小写
  • 标签有双标签也有单标签
  • 标签可以嵌套
  • 嵌套后的标签 一般不在同一行写 要换行 同时要进行缩进 使用tab进行缩进即可
  • 标签也叫元素

第二节:标签属性

  • 标签属性:
<marquee loop="1" bgcolor="orange">你好,前端</marquee>
  • 上面的 loop="1",这就是标签的属性,这里表示循环一次的意思。
  • 属性名的前面加一个空格
  • 不同的标签有不同的属性
  • 属性分为通用属性和专用属性

前端学习Day01_html_02

  • 属性值用“”号标记,但是写单引号甚至不写都可以。标准规定使用“”
  • 属性里有几个奇葩,没有属性名只有属性值,举例:disabled
  • 一个标签里出现多个同样的标签,第一个生效,后面的不生效,先入为主

第三节:基本结构

<html><head><title>我的网页</title></head><body><marquee bgcolor="green" loop="1">  你好,前端   </marquee></body></html>
  • 写html文件的时候,需要有三大标签,<html>、<head>、<body>

标签:网页,标签,Day01,学习,html,你好,前端,属性
From: https://blog.51cto.com/u_16205743/7449587

相关文章

  • Go学习笔记5
    十六、基于TCP协议的网络通信创建客户端【1】调用Dial函数:(net包下)【2】代码:packagemainimport("fmt""net"//所需的网络编程全部都在net包下)funcmain(){//打印:fmt.Println("客服端启动。。")//调用Dial函数:参数需要指定t......
  • 信息系统项目管理师教程(第四版) 第一章 信息化发展 学习笔记1-20230911
    第一章《信息化发展》 学习要点:1、信息的基本概念、信息的7个质量属性。2、信息系统的概念、特点或用途、抽象模型、信息系统生命周期。3、信息化、信息化系统。4、工业互联网(四大层级)、车联网(体系框架、链接方式、应用场景)。5、农业农村现代化、乡村振兴战略、两化融合与......
  • Java学习_005 if语句:奇偶数的判定
    需求:任意给出一个整数,使用程序判定该整数是奇数还是偶数,并在控制台输出。1importjava.util.Scanner;23publicclassMain{4publicstaticvoidmain(String[]args){5Scannersc=newScanner(System.in);6System.out.println("please......
  • 全栈工程师必须要掌握的前端CSS技能
    作为一名全栈工程师,在日常的工作中,可能更侧重于后端开发,如:C#,Java,SQL,Python等,对前端的知识则不太精通。在一些比较完善的公司或者项目中,一般会搭配前端工程师,UI工程师等,来弥补后端开发的一些前端经验技能上的不足。但并非所有的项目都会有专职前端工程师,在一些小型项目或者初创公......
  • Vue学习三:生命周期和工程化开发
    一、Vue生命周期Vue生命周期就是一个Vue实例从创建到销毁的过程生命周期四个阶段:1、创建2、挂载3、更新4、销毁Vue生命周期函数(钩子函数)Vue生命周期过程中,会自动运行一些函数,被称为[生命周期钩子]→让开发者可以在[特定阶段]运行自己的代码。创建阶段其实就是开辟存放数......
  • springcloud日常学习
    一、 Feign客户端接口调用1. 分析与介绍   之前的消费者调用服务提供者是通过RestTemplate + Ribbon组合实现负载均衡进行调用   如果在消费者客户端能够通过面向接口编程的思想去实现对服务提供者进行调用,就更加接近软件工程的开发思想,Feign就可以实现。微服务之间的调......
  • 《Python数据分析基础教程:NumPy学习指南.第2版》高清高质量PDF电子书+源码
    罕见的NumPy中文入门教程,Python数据分析首选从最基础的知识讲起,手把手带你进入大数据挖掘领域囊括大量具有启发性与实用价值的实战案例下载:https://pan.quark.cn/s/730b594117c0......
  • 6. 前端设计模式之观察者模式
    使用观察者模式,我们可以将某些对象(观察者)订阅到另一个对象(可观察对象)。当一个事件发生时,可观察对象会通知它的所有观察者!这个模式出境的概率就比较高了,无论是在前端还是后端,都能见到它的身影,特别跟事件有关的场景。从定义看这个模式涉及到两种对象,一种可观察对象也就是观察的......
  • 编写高质量代码:Web前端开发修炼之道
    编写高质量代码:Web前端开发修炼之道》是一本很实用的Web前端开发书籍。它不仅介绍了如何编写高质量的代码,还提供了一些实践方法和技巧,帮助读者提升自己的Web前端开发技能。无论是初学者还是有一定经验的开发者,都可以从这本书中获得一些有价值的知识和经验。下载:https://pan.quark.c......
  • 电气工程师必学------CODESYS v3.5 入门学习笔记(一)
    一、新建工程打开软件新建工程,如图此教程只是入门练习,所以这里一般情况下都是创建的Standardproject,也就是标准工程。窗口下方可以设置工程名称与存放位置。紧接着是选择设备与编译语言。初学者条件有限就直接上仿真,电脑是windowsx64的话设备选择上图所示就OK。语言这里我......