HTML的基础知识汇总！

最新推荐文章于 2023-07-28 17:44:43 发布
最新推荐文章于 2023-07-28 17:44:43 发布
阅读量120 收藏 1
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44040182/article/details/88564177
版权

一：html常用标签：

  • p表示段落 常用属性align
  • head是文档的头部
  • body是主体
  • title网页标题
  • br换行 单标签
  • hr水平线 单标签
  • pre预排版 html中的样子原封不动输出。
  • h1-h6各级标题 字体为黑体加粗依次减小h1只能用一次。
  • div容器 块元素配合css一起使用 可以用来设置水平线boder-top。
  • span改变特定的文字与css一起使用
  • 列表ul ol dl dd dt li 符号类型disc circle square
  • a超链接 href写路径 #表示空链接
  • img图片 src写路劲 alt属性必须写
    二：w3c规范
  • 使用注释
  • 所有属性值用双引号扩起来
  • 图片加alt属性
  • 父子级间有缩进一个tap或者四个空格
  • 标签属性用小写字母
  • 标签必须有结束
    三：css定义：
  • css是层叠样式表 与html一起使用 美化网页 达到标签与样式分离的目的 增加代码的可读性 可以重复利用
  • css创建方式：行内样式 内嵌样式 单独创建css文件的链接样式（行内>内嵌>链接>浏览器默认）
    四：css选择器：
  • 标签选择器
  • 结构选择器
  • 伪类选择器（选择器：hover；）对其有相应的作用后显示相应效果。
  • id选择器（一般只用一次）
  • class选择器
  • 优先级：行间>id>class>标签
    font基本属性：
  • font-size
  • font-weight
  • font-style
  • font-fimaly
  • line-height（调节垂直居中）
    text基本属性：
  • text-decoration
  • text-aline(调节水平居中)
  • text-indent（首行缩进）
  • letter-spacing (字间距)
  • word-spacing（词间距）
    background基本属性：
  • background-color
  • background-image
  • background-position（调节背景的位置 在相应的盒子中只显示自己想要的部分 比如雪碧图 可以长度值 百分比 位置）
  • background-repeat
    背景图片和img中图片的区别：
  • 背景图片不占位，img 占位
  • 经常换用img 不长换用背景
    去内外间距：
  • margin：0；padding：0;
  • 可以用元素的内外间距调节元素的位置，也可以用定位调节位置
    让一个层居中：
  • margi:0 auto;
    五：颜色表示方式
  • 颜色名
  • 十六进制
  • rgb函数
    六：元素类型互化：
  • 行元素转化为块元素 display：block;
  • 块元素转化为行元素 display：inline;
  • 转化为行内块 display：inline-block；
    七：圆角的设置：
    对块级元素给定大小之后，通过border-raidus来设置
    border-raidus------可以给数值和百分比
@意林
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML基础知识汇总
qq_43544490的博客
08-03 3345
------------------------------------ ????操作小技巧 ❗PS操作小技巧????????❕????????????✅ 1、视图–标尺：可测量像素尺寸感叹号 2、吸管工具可吸取颜色值 3、左侧移动工具–点击侧边标尺，按住不放拖至图片边缘-----方便测量 ❗vscode快捷码字 ul>li*4{$} 得到如下 <ul> <li>1</li> <li>2</li> <li>
HTML 基础知识
m0_70521709的博客
05-06 198
任天堂游戏 魂斗罗 魂斗罗 header 元素 代表页面或内容头部标题（页眉） 通常包含 h1 到 h6 元素或者 hgroup。 页面中 header 元素的个数没有限制，可以拥有多个。 可以为每个内容增加一个 header 元素。 主要标题 次要标题（副标题） 案例：header 可以放置在任何地方表示头部信息。 主要标题 次要标题（副标题） 页面正文区域 王者荣耀 游戏 asdjhasj asd asdas d asd asd as das d as
HTML基础知识总结
qq_40046544的博客
11-14 3838
HTML 是用来描述网页地一种语言。HTML 指的是超文本标记语言（Hyper Text Markup Language）HTML 不是一种编程语言，而是一种标记语言（markup language）标记语言是一套标记标签（markup tag）HTML 使用标记标签来描述网页声明必须是 HTML 文档的第一行，位于 html 标签之前。声明不是 HTML 标签；它是指示 web 浏览器使用哪个 HTML 版本进行编写的指令。
HTML基础知识点总结
weixin_64704029的博客
07-28 1702
html知识点
HTML超详细基础知识总结
全粘小谭的博客
09-25 3852
第一次写博客，这次打算把暑期复习的一些前端知识点（干货满满哦）发出来，主要是一些基础的东西，有时候在做一些小项目时，会发现网页写的很难受，主要原因就是基础不牢靠，所以复习的时候还是花了很多心思的，当基础学扎实了，无论多漂亮的网页都能自己写出来了，这种感觉还是挺爽的🤣
2023年HTML基础知识点总结.doc
11-05
HTML基础知识点总结 HTML文档结构是HTML文档的基本结构，包括`<!DOCTYPE html>`、`<html>`、`<head>`、`<body>`等标签，其中`<!DOCTYPE html>`用来声明文档类型，`<html>`是根元素，`<head>`用于定义文档的头部信息...
HTML基础知识点总结 .doc
11-21
本篇总结涵盖了HTML的基础知识点，主要分为三个章节，分别是HTML文档结构、元素标签及样式控制、以及表单处理。 **一、HTML文档结构** HTML文档通常由`<!DOCTYPE>`声明开始，用来指定文档使用的HTML版本。接着是`...
html基础知识总结-第一天
08-18
HTML 基础知识总结的第一天，主要涵盖 HTML 基础语法、标签的分类、网页组成、标签的关系、注释、标题标签、段落标签、换行和水平线、文本格式化标签、图像标签、路径、超链接标签、音频和视频等知识点。 HTML 基础...
HTML基础知识
12-20
### HTML基础知识概览 #### 一、HTML简介与基本概念 HTML，即HyperText Markup Language（超文本标记语言），是一种用于创建网页的标准标记语言。它主要用于定义网页的结构，并通过不同的标记来描述网页上的文本、...
HTML网页基础知识介绍ppt课件.ppt
11-16
HTML网页基础知识介绍主要涵盖网页设计的基本概念，包括网站和网页的定义、首页和主页的区别、网页的表现形式，以及网页的版块结构和基本构成要素。下面是对这些知识点的详细阐述： 1. **网站与网页**： - **网站*...
pi_heif-0.17.0-cp39-cp39-manylinux_2_31_armv7l.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
ubuntu20.04-ssh9.8p1-ssl3.0.14-focal-deb-amd64升级加固脚本.zip
07-27
若有新版本请查看文章最后附件地址：https://blog.csdn.net/liuxin638507/article/details/132450367 特点： 1、同时升级openssh与openssl，采用deb包形式，一键快速升级版本，无需每台单独再次进行编译， 2、隐藏openssh-版本号(openssh9.8p1及之后隐藏版本号还未找到方法) 3、已默认安全加固（已有配置跳过） 安装： 执行 bash upgrade_ssl_ssh_ubuntu.sh 进行安装 注意，升级安装后，确保sshd服务正常，请新开终端进行验证测试 验证 openssl版本： openssl version OpenSSL 3.0.14 4 Jun 2024 (Library: OpenSSL 3.0.14 4 Jun 2024) openssh版本： ssh -V OpenSSH_9.8p1, OpenSSL 3.0.14 4 Jun 2024
avif-0.5.0-cp36-cp36m-manylinux1_i686.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
教务管理系统-毕业设计.zip
07-27
教务管理系统-毕业设计.zip
pillow_jxl_plugin-1.2.5-cp39-none-win_amd64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
pi_heif-0.17.0-cp38-cp38-win_amd64.whl
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
[毕设]高效人事考勤管理系统.zip
07-27
[毕设]高效人事考勤管理系统
人力资源培训.HR如何与业务部门进行沟通.ppt
07-27
人力资源培训.HR如何与业务部门进行沟通.ppt
毕业设计：基于Springboot的健身俱乐部网站 PPT
07-27
随着社会发展，健身俱乐部的管理面临日益严峻的挑战。众多用户倾向于通过互联网获取信息，但健身相关信息繁杂且真伪难辨。为便于用户更有效地获取本健身俱乐部的管理信息，设计一个既安全又高效的官方网站显得尤为重要。 本文旨在打造一个安全、简洁的健身俱乐部网站，助力用户快速查找健身课程、健身器材、会员卡详情及新闻公告等信息，以解决当前健身俱乐部管理信息混乱、难以辨识的问题。该系统基于Spring Boot架构技术，运用Java编程语言与MySQL数据库进行开发设计。通过对健身俱乐部业务流程的深入分析，我们明确了其功能性和非功能性需求，并据此设计了包含个人用户、管理员和教练三大模块的健身俱乐部网站。 此系统不仅为用户提供了一个便捷实用的健身俱乐部在线平台，使他们能够迅速找到适合自己的健身俱乐部，还允许用户浏览健身课程和器材信息，并支持在线留言功能。同时，管理员可通过后台管理系统轻松管理用户和教练的信息，亦能发布在线留言，以便用户及时获取最新的健身课程信息。如此，用户便能安全、高效地获取健身俱乐部的管理信息。
HTML5和CSS3基础知识详解
在本文中，我们将对CSS3网页知识进行总结，包括HTML5基础知识、Table属性、表单控件、CSS3基础知识等。 一、HTML5基础知识 在HTML5中，我们可以使用Table标签来创建表格，Table标签有多个属性，包括： * ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值