首页 > 其他分享 >HTML

HTML

时间:2022-11-26 01:11:25浏览次数:44  
标签:标签 单元格 表单 HTML 用来 属性

一、HTML

1、系统结构

image-20221122203416805

image-20221122203702001

image-20221122204155052

2、HTML的介绍,开发与运行

image-20221122204602891

image-20221122204924867

3、HTML的标签

3.1 基本标签

image-20221122211118146

image-20221122211430907

image-20221122211719397

image-20221122211849546

image-20221122212727595

3.2 表格标签

​ "table"标签用来插入表格;"tr"标签用来插入表格中的一行,这个标签在"table"标签里面;"td"标签是用来创建单元格的,在"tr"标签内

image-20221122213356750

单元格合并

​ "rowspan"是"td"标签里的属性,用来对单元格行合并

image-20221122214034257

列合并

​ "colspan"是"td"标签里的属性,对单元格进行列合并的。

image-20221122214111524

th标签

image-20221122214433704

表格三部分

image-20221122214836438

3.3 背景颜色和图片

背景颜色和背景图片都是嵌入到浏览器背景当中的

​ "body"标签里的"bgcolor = "颜色""属性,可以用来设置网页的背景颜色

​ "background"属性,用来设置网页的背景图片

image-20221125140711503

图片

​ "img"标签用来插入一个图片元素,此标签可以没有结束标志

image-20221125141232208

3.4 超链接(重点)

"a"标签用来插入超链接

image-20221125142103100

"href"属性

image-20221125143921327

请求路径

image-20221125144104451

image-20221125144329605

内部窗体

image-20221125153201308

"a"标签里面的target属性

image-20221125153239040

3.5 列表和表单

3.5.1 列表

​ "ol"标签是有序列表,"ul"标签是无序列表,"li"标签是列表里的字段,包含在"ol"或者"ul"标签内

  1. 数学书
    • 第一章
    • 第二章
    • 第三章
  2. 英语书
  3. 语文书

  • 中国
    • 湖南省
    • 广东省
    • 广西省
  • 葡萄牙
  • 韩国

3.5.2 表单(重点)

​ 什么是表单?

image-20221125162747451

image-20221125163203667

image-20221125163317540

"form"标签用来创建表单,"method"是属性,用来指定表单的提交方式

"input"标签用来创建按钮,"type"是属性,只有当type的属性是"submit"的时候这个按钮才有提交的功能

image-20221125163715729

image-20221125163915950

标签:标签,单元格,表单,HTML,用来,属性
From: https://www.cnblogs.com/ZLei0212/p/16926787.html

相关文章

  • [HTML+CSS]电商网站模板
    [HTML+CSS]电商网站模板b站白嫖的网课,黑马的小兔鲜儿案例,教程链接点这里就行成品文件目录结构CSSbase.css:基本样式,内外边距,字体之类的common.css:网页的公共样式,一般是heade......
  • [node]把静态html挂到node接口下
    主要适用于同网段下不同设备查看同一html。来自知乎。需要先安装一个node,安装过程不表。 新建文件:nodeServer.jsvarexpress=require('express');varapp=expr......
  • html1
    HTML部分1.网站等基本知识网站是指在因特网上根据一定规则使用html等制作的用于展示特定内容相关的网页集合网页通常是HTML格式的文件构成网站的基本元素通常由图......
  • Html笔记
    html笔记html是什么HTML英文全称是HyperTextMarkupLanguage,中文译为“超文本标记语言”,专门用来设计和编辑网页。1.超文本也即超越纯文本,这意味着HTML文档不仅......
  • HTML的a标签href属性指定相对路径与绝对路径的用法讲解
    在实际Web开发中,插入图片、包含CSS文件等都需要有路径,如果文件路径的添加错误,就会导致引用失效(无法浏览链接文件,或无法显示插入的图片等)。很多初学者感到困惑,下面我就详细......
  • 使用html2canvas和jspdf将页面保存位pdf
    使用html2canvas和jspdf将页面保存位pdf<scriptsrc="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script><scriptsrc="https://unpkg.com/html2canvas@......
  • v-html
    v-html用于设置标签的innerHTML<body><scriptsrc="../vue.js"></script><divid="mydiv"><divv-html="message"></div><divv-html="li......
  • 网安学习-HTML
    一、HTML概述及发展史二、互联网原理三、开发工具的使用四、HTML骨架DTD|关于html标签|字符集|视口标签|浏览器私有设置|title标签|keywords关键字 |des......
  • IDEA编辑器下Vue项目中Element标签出现标黄(Unknown html tag el-form)问题解决方案!
      第一步:检查配置中的依赖项是否勾选,如未勾选则勾上  第二步:检查配置中的Excludes项,如果有被排除的项目则删除  第三步:执行npminstall后,在node_modul......
  • PHP htmlspecialchars()的用法
    htmlspecialchars()函数把一些预定义的字符转换为HTML实体。这个函数的效果其实在浏览器中打开页面是看不到的,要查看源代码才能看到。&(和号)成为&”(双引号)成为"’(......