首页 > 其他分享 >初始html

初始html

时间:2024-10-12 23:00:00浏览次数:6  
标签:段落 网页 标签 html span div 初始

html骨架

html骨架结构由四个标签组成: html规定了网页的整体。 head规定了网页的"头部",包含字符编码等等信息。 title规定了网页的标题。 body规定了网页的"身体"。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

 

    <!--  形成独立空间  -->
    <!--  span标签-->
    <span style="color:red;font-size:50px">demo</span>
    <span style="color:yellow;font-size:50px">demo</span>
    <span>index</span>
   <!-- div竖着布局的标签-->
    <div>标签</div>
    <div>标签</div>
    <div>标签</div>

 

常用标签

div与span的区别:

  • div是一个块级元素,会自动占据一行,而span是一个行内元素,不会自动换行。
  • div用于包裹比较大的结构和布局,而span用于包裹文本或者其他行内元素

 

段落标签p在创建时会自动生成空白,用于形成段落,也可用于换行

    <!-- 段落标签 p -->
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>

 

标签:段落,网页,标签,html,span,div,初始
From: https://www.cnblogs.com/hui-xiang/p/18461633

相关文章

  • div标签和html的综合练习
    一、div标签1、在html中,<div>标签的作用是将我们的网页分割成独立的版块,同时方便浏览器进行定位。2、div标签拥有以下几个元素:header,nav,section,aside,footer。也正是通过这些属性,我们才可以对各个部分进行定位。a.header:文章的头部;<divid="header">我是头部</div>b.nav:文......
  • HTML-CSS
    初识web前端Web标准也称为网页标准,由一系列的标准组成,大部分由W3C(WorldWideWebConsortium,万维网联盟)负责制定。三个组成部分:HTML:负责网页的结构(页面元素和内容)。CSS:负责网页的表现(页面元素的外观、位置等页面样式,如:颜色、大小等)。JavaScript:负责网页的行为(交互效果)。......
  • kubernetes 初始化集群 证书100年操作 【kubeadm】
    1、下载源码[root@SPHQBKCEK8SMS01~]#gitclonehttps://github.com/kubernetes/kubernetes#切换到自己的版本,修改源码,比如我的是v1.20.15版本[root@SPHQBKCEK8SMS01kubernetes]#cdkubernetes/[root@SPHQBKCEK8SMS01kubernetes]#gitcheckoutv1.20.15[root@SPHQBKCE......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript购物商城(篮球)
    HTML+CSS+JS【购物商城】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript培训机构(英语教育)
    HTML+CSS+JS【培训机构】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • 泛微e-cology安装报错 MySQL初始化问题Table 'ecology.e9_para_xxx' doestn't exist
    在安装泛微e-cology9进行初始化数据库时出现如下报错Table 'ecology.e9_para_xxx'doestn'texist 明明是在初始化数据库  数据表不存在不是很正常==经过研究  发现泛微在初始化数据库时 会执行存储过程脚本  使用dbeaver可以看到 根据代码逻辑看  如......
  • go自动初始化结构体成员指针
    typeStustruct{Id*intId1*int32Id2*int64B*bool}func(this*TestBeanSuite)Test010_IniStru(){varstu=&Stu{}baseutils.InitStruNilPtrField(stu)golog.Info(stu)}2024-10-1116:49:16.190[INFO]{"Id&quo......
  • 【进阶版】如何实现一个基于 HTML+CSS+JS 的任务进度条
    创建一个动态任务进度条:进阶版实现在现代网页开发中,任务进度条是用户交互中非常重要的组件,它能够直观地展示任务的进展情况。本文将向你展示如何使用HTML、CSS和JavaScript创建一个动态的任务进度条。在这个进阶版本中,用户不仅可以通过点击进度条来更新进度,还可以手动......
  • HTML奇幻之旅:从菜鸟到大神的魔法秘籍
    HTML奇幻之旅:从菜鸟到大神的魔法秘籍欢迎踏上这趟HTML的奇幻之旅!在这篇博客中,我们将以幽默轻松的方式,深入浅出地探索HTML的每个角落。从基础语法到高级技巧,从具体实例到数据可视化分析,我们将一步步揭开网页设计的奥秘。无论你是编程新手,还是希望提升技能的老手,都能在这里找......
  • HTML实现打气球游戏
    打气球<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>打气球</title>......