HTML笔记（简介）

最新推荐文章于 2024-08-17 17:03:35 发布
最新推荐文章于 2024-08-17 17:03:35 发布
阅读量306 收藏
点赞数
分类专栏： HTML学习 文章标签： 笔记 HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LiMaoLin1999/article/details/103033033
版权

页面的构成

1 HTML – 超文本标记语言

定义页面中有哪些内容
html是由一个一个的标签组成的
<标签名> --开始标签

</标签名> --结束标签
定义H5页面 <!doctype html>
最外层标签

head 页面的各种配置信息 body 所有用眼睛能看见的部分 **标签的分类** 块元素 : 该元素自己会占满整行,设置了高度和宽度都有效,如果不设置宽度 则默认宽度为100% 如果不设置高度则默认高度随内容填充 如 div ul li p 等等 行元素 : 该元素自己不会占满整行,设置了高度和宽度都无效,高度和宽度只会随内容填充 span b i 行内块 : 该元素自己不会占满整行,设置了高度和宽度也都有效,如果不设置都随内容填充 input img

2 CSS

CSS选择器
id 选择器
以#(井号)开头 匹配标签的ID值
类 选择器
以.(点)开头 匹配标签的class值
元素选择器
以标签名直接命名 匹配名字相同的标签
* 匹配页面中所以的标签
优先级 内联样式>id选择器>class选择器>元素选择器

为html设定样式

1 背景色

rgb

background:#ff0000
2 宽度 width:数值 px %
3 高度 height:数值 px %
4 标签转换
display: block 将元素转换成块元素
inline 将元素转换成行元素
inline-block 将元素转换成行内块
none 将元素隐藏并脱离文档流
5 隐藏元素不脱离文档流
visibility:hidden
6 背景图
background : url(‘图片的路径’)
7 外边距
margin-top 上外边距
margin-left 左外边距
margin-right 右外边距
margin-bottom 下外边距
margin:
1个值 上下左右外边距相同
2个值 上下 左右
4个值 上 右 下 左
8定位
left
top
right
bottom
要想使上面4个属性生效必须加
position:absolute; 绝对定位
加了position:absolute的标签 必须设置父标签为 position:relative
position:fixed 屏幕定位

3 JS（JavaScript）

脚本语言 用来控制html 改变样式

林戊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
做H5页面需要学什么
qf2019的博客
04-30 1288
做H5页面需要学什么，很多人问过我这个问题，而问这个问题的人基本上都是刚听说过h5，处在懵懂的阶段，他们往往会被一些网上炫酷页面所吸引，开始的目的也很简单，能通过自己的努力做出这些页面，而这些页面效果一般只要通过简单的html和css就能实现，但这仅仅是表面现象，做出来与做好是两码事。而要做好它，必须要深入地去了解什么是h5。 网上有很多说法，说h5就是html的第5个版本，其实这不完全正确，h5...
HTML笔记.pdf
07-14
"HTML笔记.pdf" HTML笔记.pdf是一个详细的HTML笔记，涵盖了HTML的基础知识、标签、属性、事件、表单、超链接、图像、表格、列表等内容。下面是从文件中提取的相关知识点： 1. HTML基础知识： * DOCTYPE html是...
HTML5 学习笔记（一）：HTML 简介
u011385476的博客
06-06 153
HTML 简介 一.什么是HTML HTML 是用来描述网页的一种语言。 HTML 又称为 超文本标记语言（Hyper Text Mark Language） HTML 文档包含了 HTML 标签 及 文本内容 HTML 文档页叫做 web 页面 二. HTML 实例分析 这是一个简单的 HTML 代码： <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title>HTML
HTML 学习笔记（1） HTML简介
baby_superman的博客
01-05 125
转载： HTML 简介 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 HTML 使用标记标签来描述网页。HTML文档也叫做 web 页面 可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 HTML文档的后缀名 .html .htm 以上两种后缀名没有区别，都可以使用。 ...
HTML简介 笔记
星空之尘的博客
04-12 327
<html> //由于不能用 html有<head>和<body>，<head>放在<body>前面。 <head>里放<meta>或者<title>等。 <body>中放内容 1、我们先来看head 其中有<title>标签：里面放文章标题 也有<meta>标签： ...
黑马h5学习代码_如何零基础制作酷炫实用的H5页面
weixin_39542514的博客
12-01 314
H5页面已经成为了当下移动端主要的宣传方式,一个好的H5页面有极高的营销价值,无论是企业还是个人都非常需要。制作一个炫酷的H5页面一定要会写代码吗,下面千锋网络营销小编就给大家分享如何零基础制作炫酷实用的H5页面。支持H5的Web APP迅猛发展很重要的一点就是APP中的内容产生和应用制作的成本问题,HTML5 Web App具有明显优势,除了HTML5语言本身就较容易学习之外,现在市面上通过一些...
HTML10笔记.pdf
12-01
HTML10笔记.pdf HTML10笔记.pdf是一份关于HTML10的详细笔记，涵盖了HTML10的基本概念、语法、标签、属性、事件、表单、图片、链接、表格、列表、框架、样式、布局、响应式设计等多个方面的知识点。 HTML10基本概念...
html精简笔记
04-11
html精简笔记，针对常见标签，包括表格，有序无序，还有表单提交，还有图层等等。
HTML读书笔记.pdf
11-28
HTML读书笔记.pdf
HTML5详细笔记
11-23
详细的HTML5笔记，HTML5笔记，HTML5笔记，HTML5笔记。
H5(HTML)网页制作基础
mu__123的博客
02-23 1912
HTML网页 HTML（Hyper Text Markup Language）的全称为超文本标记语言，是一种标记语言。 它包括一系列标签。 双击桌面《此电脑》或者Win键+E键 或者右击《开始》菜单，找文件资源管理器 让计算机显示文件的扩展名 打开记事本程序 开始菜单—搜索：记事本 保存一个文件，文件名是index.html 在记事本里面，输入如下内容： 内容（任意字符） 备注：是一个标记，告诉计算机，这个是网页文件，是一个标记，告诉计算机网页到这里结束了 是一个标记，告诉计算机，这里开始是网页的内
哈希原理(笔记)
最新发布
m0_62024160的博客
08-17 813
尤其应该注意Hash function的设计，它是一个难点，Hash funtion设计好坏直接关乎哈希表查询速度的快慢。考虑到哈希碰撞(涉及到对链表的操作)，所以最坏的时间复杂度都是O(n)。早期的md5被破解也是因为人们搞清楚了它的加密方法 f(1) )大多利用单向散列函数函数。(简称为f(2) )计算查询哈希碰撞确认某个哈希值的存在，但是无法通过 f(2)逆推出明文(因为 f(2)只是验证方法，而非解密方法)。(本图来源：wiki)这个签名是由文件的散列值通过发布者的私钥加密生成的。
经验笔记：URI、URL、URN与URC之间的区别
qq_45831414的博客
08-14 598
URI是一种通用的标识符，可以指代任何类型的资源。URL是一种特定类型的URI，它不仅标识资源，还提供了访问该资源的方法。URN是一种用于唯一命名资源的特殊URI类型。URC是一个概念性的术语，用于描述如何构建或创建资源的过程。通过理解这些概念的区别，我们可以更加清晰地识别和使用互联网资源的标识方式。在日常工作中，我们最常遇到的是URL，因为它们是我们访问网页和其他在线资源的基础；而URN则在需要持久引用资源的情况下使用。
C++_基本语法笔记_模板
qq_45629864的博客
08-14 409
思想是Java里的泛型（不确定用什么类型的数据）这里template这一句，意思是声明T是泛型，后面写用到泛型T的函数。建议都用应用场景：不同数据类型的交换函数。
8月13日学习笔记 LVS
weixin_70751701的博客
08-13 1136
目标地址散列调度算法先根据请求的目标IP地址，作为散列键 （Hash Key）从静态分配的散列表找出对应的服务器，若该服务器 是可用的且未超载，将请求发送到该服务器，否则返回空。1. 配置两个网卡和两个ip地址，正常来说应该配置两个不同的网段的 ip，一个对外的vip，一个对内的dip，现在主要使用nat的网络模 式，可以配置桥接模式对外，Nat对内，教师机不方便配置桥接模 式，所以都是配置的nat模式，但是一定要分清楚哪个ip是vip，哪个 ip是dip，在物理主机上都要能够ping通。
C++_基本语法笔记_继承和多态
qq_45629864的博客
08-13 563
思想与Java差不多。
24/8/14算法笔记 复习_OVR和softmax
yyyy2711的博客
08-14 224
OvR（One vs Rest）算法是一种解决多分类问题的方法，它将多分类问题转化为多个二分类问题。具体来说，如果有N个类别，OvR算法会为每个类别训练一个二分类器，将该类别作为正例，其余所有类别作为负例。在预测时，所有二分类器都会对测试样本进行预测，然后选择预测为正例的概率最高的类别作为最终预测结果。如果多个分类器预测为正类，则选择置信度最大的类别作为最终分类结果。这种方法的优点是实现简单，计算量相对较小，但是可能会在类别不平衡的情况下导致性能下降。
C++学习笔记----3、设计专业的C++程序（四）---- 重用既有代码（重用代码类型）
weixin_71738303的博客
08-16 319
在分析重用代码的优劣之前，把可重用代码进行分类，并且起个名字是非常有帮助的，工欲成其事，必先利其器，而这个器叫什么名字我们都还没有确定，恐怕很难继续进行下去吧。还有一个经常被提及的词就是应用编程接口(API)，API是一个特定目的的代码实体或库的接口。例如，程序员经常提到的套接字API，就是套接字网络库的暴露接口，而不是库本身。为了简洁起见，以后我们在使用库时指的就是任何可重用的代码，不管是真的库，框架，整个应用，或者是同事的随机函数集合。库指的是实现，而API指的是库公开的接口。程序使用适合框架的库。
EmguCV学习笔记 VB.Net 2.S 特别示例
UruseiBest 的技术专栏
08-17 547
将文字图像生成0和255的二值化图像，使文字部分为黑色（根据实际情况需要考虑反色），然后将文字图像和纹理图像直接相加，文字图像黑色（值为0）的部分相加后为纹理图像的颜色，文字图像白色（值为255）的部分相加后保持白色（255）。8、将加密图像1（mEncPart）和黑色图像2（mnoEncPart）进行直接相加，去除黑色部分，生成背景不加密+区域加密的最终图像（mResult）。4、加密图像（mEnc）和随机值图像（mKey）进行Xor操作，将加密图像解密，生成解密图像（mDec）。
HTML标签详解与Word文档笔记
本资源是一份由个人整理的关于HTML标签的详细笔记，以Word文档形式呈现，适合学习者深入理解HTML的基本结构和常用元素。主要内容包括： 1. HTML结构：文档以`<html>`和`</html>`这对标签作为HTML文档的框架，它们...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

林戊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值