html_学习
创始人
2025-05-30 06:01:11
0
  1. 软件CS架构模式
    Client(客户端)/Server,客户端需要安装软件,不跨平台,需要更新,适用大型安全性较高软件
  2. 软件BS架构模式
    Brower(浏览器)/Server,网页直接使用,跨平台,无更新
  3. 客户端开发
    React Native、Vue + uni-app
  4. html全称
    HyperText Markup Language:超文本标记语言
  5. html5文档声明
  
  1. html字符编码
    平时编码默认UTF-8
  //浏览器解码格式声明
  1. html设置语言
  
  1. html排版标签
  • 标题标签
    h1,h2, h3常用,h4,h5,h6不常用,h1一个页面只有一个,h1-h6不能互相嵌套
  

标题1

标题2

标题3

  • 段落标签
    不能嵌套块级原素
  

段落

  1. html标签语义化
    标签默认效果不重要,语义重要。好处是可读性强;利于SEO(搜索引擎优化);方便设备解析(屏幕阅读器等)

  2. html块级原素
    独占一行,内部可以写块级原素和行内原素

  3. html行内原素
    不独占一行,内部可以写行内原素,不能写块级原素

  4. html常用文本标签

标签语义
em着重阅读内容
strong着重阅读内容,比em强烈
span无语义,包裹容器,语义类似div
  1. html图片标签
  //width,height设置一个会等比例改变
  1. html相对路径
符号含义
./当前目录
…/上一目录
  1. html绝对路径
类型含义
本地绝对路径从电脑盘符开始的路径
网络绝对路径在线网络上图片,有些有防盗链,用不了
  1. html常用图片格式
格式特点
jpg(jpeg)泛用,有损压缩,不支持透明背景和动态图
png支持透明背景,无损压缩,不支持动态图
bmp不进行压缩,不支持透明背景和动态图,占空间极大
gif支持颜色少,支持简单透明背景,支持动态图
webp需要解决兼容问题,支持上述格式优点,支持透明背景,支持动态图
base64以文本格式保存的图片,src直接引入,一般"data:image/jpeg;base64,/"开头
  1. html超链接
  • 跳转页面
    a标签是行内原素,内部可以行内原素和块原素,不能写本身
  //target="_self"(默认),当前页面打开跳转//target="_blank",新页面打开跳转
  • 跳转文件
  //跳转压缩包文件,触发下载//download属性直接触发下载
  • 跳转锚点
    锚点名称区分大小写,不能重复,除第一个会失效
  跳转到锚点
回到顶部执行js脚本
  • 唤起指定应用
  电话邮件短信
  1. 超文本含义
    "超文本"是连接单个网站内或多个网站间的链接
  2. html列表
  • ordered list 有序列表
  
  • unordered list 无序列表
  
  • definition list 自定义列表
  
  1. html表格
  //height属性设置表格高度tbody内容随高度增加变高,thead高度不变,设置的是最小高度//cellspacing 内部边框距离//border设置外部表格边框宽度,内部边框宽度不变//4表示跨4列//height不能小于table高度-caption-thead-tfoot//2表示跨2行
标题
nameage
李明18
共计:
  1. html常用标签
  
//换行
//分割线
按原文显示
  1. html表单
  • 基本结构
  
  • 文本框和密码框
  //value表示默认值
  • 单选框
  //checked默认选择
  • 复选框
  
  • 隐藏域
  
  • 表单提交与重置
  //form表单button默认type="submit"
  • 普通按钮
  
  • 文本域和下拉框
  
  • 表单禁用
    input,button,textarea,option,select都可以用disabled属性
  • label标签
    点击提示文字,聚焦到对应输入框
   
  
  • fieldset与legend
  
主要信息
  1. 框架标签
  • 嵌入广告网页,普通网页或其他
  
  • 与超链接标签target配合
  淘宝
  • 与form表单target配合
  
  1. 字符实体
字符实体名称
空格 

 
<<;
>>
&&
¥¥
©️©
××
÷÷
  1. html常用全局属性
属性名称属性含义
id给标签指定唯一标识,一个html里id不能重复
style指定css样式
class指定类名
lang给标签指定语言
dir内容靠左或靠右,值 : ltr;rtl
title鼠标悬浮文字提示
  1. meta元信息
  //字符编码配置//IE兼容配置//移动端配置//配置网页关键字//配置网页描述//针对搜索引擎爬虫配置//3秒后跳转到指定网页//作者//开发工具//版权信息

相关内容

热门资讯

linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
C++ 机房预约系统(六):学... 8、 学生模块 8.1 学生子菜单、登录和注销 实现步骤: 在Student.cpp的...
JAVA多线程知识整理 Java多线程基础 线程的创建和启动 继承Thread类来创建并启动 自定义Thread类的子类&#...
【洛谷 P1090】[NOIP... [NOIP2004 提高组] 合并果子 / [USACO06NOV] Fence Repair G ...
国民技术LPUART介绍 低功耗通用异步接收器(LPUART) 简介 低功耗通用异步收发器...
城乡供水一体化平台-助力乡村振... 城乡供水一体化管理系统建设方案 城乡供水一体化管理系统是运用云计算、大数据等信息化手段࿰...
程序的循环结构和random库...   第三个参数就是步长     引入文件时记得指明字符格式,否则读入不了 ...
中国版ChatGPT在哪些方面... 目录 一、中国巨大的市场需求 二、中国企业加速创新 三、中国的人工智能发展 四、企业愿景的推进 五、...
报名开启 | 共赴一场 Flu... 2023 年 1 月 25 日,Flutter Forward 大会在肯尼亚首都内罗毕...
汇编00-MASM 和 Vis... Qt源码解析 索引 汇编逆向--- MASM 和 Visual Studio入门 前提知识ÿ...
【简陋Web应用3】实现人脸比... 文章目录🍉 前情提要🌷 效果演示🥝 实现过程1. u...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组,我们想大量频繁的去访问L到R这个区间的和,...
windows安装JDK步骤 一、 下载JDK安装包 下载地址:https://www.oracle.com/jav...
分治法实现合并排序(归并排序)... 🎊【数据结构与算法】专题正在持续更新中,各种数据结构的创建原理与运用✨...
在linux上安装配置node... 目录前言1,关于nodejs2,配置环境变量3,总结 前言...
Linux学习之端口、网络协议... 端口:设备与外界通讯交流的出口 网络协议:   网络协议是指计算机通信网...
Linux内核进程管理并发同步... 并发同步并发 是指在某一时间段内能够处理多个任务的能力,而 并行 是指同一时间能够处理...
opencv学习-HOG LO... 目录1. HOG(Histogram of Oriented Gradients,方向梯度直方图)1...
EEG微状态的功能意义 导读大脑的瞬时全局功能状态反映在其电场结构上。聚类分析方法一致地提取了四种头表面脑电场结构ÿ...
【Unity 手写PBR】Bu... 写在前面 前期积累: GAMES101作业7提高-实现微表面模型你需要了解的知识 【技...