IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> HTML+CSS学习记录02--HTML -> 正文阅读

[JavaScript知识库]HTML+CSS学习记录02--HTML

1、 文档声明
告诉浏览器网页是以html5版本编写的

2、meta标签
在这里插入图片描述
3、多个空格或换行会被浏览器记成一个空格
在这里插入图片描述
所以用空格符号
在这里插入图片描述

4、快速生成模板
在这里插入图片描述
在这里插入图片描述
5、元素的属性
在这里插入图片描述
如:

<!-- 链接的地址在 href 属性中指定 -->
<a href="https://xdclass.net/">html学习</a>

6、link标签
放在head里
链接外部样式表
在这里插入图片描述

a标签:放在body里,从一个网页跳到另一个网页

7、语义化标签
每个HTML元素都有其具体的含义:

网页标题: title
网页内容标题: h1~h6
段落: p
强调: strong
头部元素: header
导航元素: nav
主要内容: main

8、a标签

  • 用法
跳转: <a href="xxx">链接?本</a>
锚点: <a href="#xxx"></a>

在这里插入图片描述
在这里插入图片描述

  • target属性
    在这里插入图片描述
    brank:打开新的浏览器标签
    在新网页跳转 否则在当前页面跳转

  • 路径
    在这里插入图片描述

9、图像img标签
在这里插入图片描述
在这里插入图片描述
线上图片–右键–复制图片地址
在这里插入图片描述
截图
当前目录下图片
在这里插入图片描述
截图

只适用于小图片转换,否则占用大量内存:
在这里插入图片描述
点击图片跳转:
在这里插入图片描述

10、表格table标签
table: HTML 表格
tr:元素定义表格?
th:数据中的表头单元格
td:表示单元格
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

table常用属性:

  • border(边框)
    在这里插入图片描述
    在这里插入图片描述

  • cellspacing(规定单元格之间的空?)
    在这里插入图片描述
    在这里插入图片描述

  • cellpadding(规定单元边沿与其内容之间的空?)
    在这里插入图片描述
    在这里插入图片描述

  • colspan(?于合并列)
    在这里插入图片描述
    在这里插入图片描述

  • rowspan(?于合并?)
    在这里插入图片描述
    在这里插入图片描述
    11、列表ul、 ol标签

在这里插入图片描述在这里插入图片描述在这里插入图片描述

12、表单form标签
form标签:
使?场景需要提交?些信息到服务端的时候(前后端联调过程中)

  • 核心元素input (核?元素)
    在这里插入图片描述
    在这里插入图片描述
  • label (提?交互体验的)
    在这里插入图片描述
  • select(下拉框)
    在这里插入图片描述
  • textarea(?本域)
  • button(按钮)
  • form(表单元素,提交每个表单项内容)

13、区块标签和行内标签

  • div
    在这里插入图片描述
    div与div之间可进行换行
  • span
    在这里插入图片描述
    在这里插入图片描述
  • 块级元素
    在这里插入图片描述
    在这里插入图片描述
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-02-04 10:57:06  更:2022-02-04 10:57:56 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 11:51:40-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码