HTML、CSS基础

HTML+CSS基础知识汇总(含HTML5 以及 CSS3) HTML(超文本标记语言)通过标签构建网页基础结构,定义标题、段落等内容,而CSS(层叠样式表)负责对HTML页面进行美化,控制字体、颜色与布局等样式,二者协同打造出美观且结构清晰的网页 。 阅读详情

1.标题

p标签是一个段落标签

标题标签分h1-h6

从h1到h6逐渐变小

hr是水平线标签

2.列表

是HTML中核心的标签,有三种,分别是无序列表、有序列表、自定义列表

无序列表

<ul>

<li></li>

</ul>

有序列表o代表order

<ol>  </ol>

自定义列表

<dl>

<dt></dt>

<dd></dd>(dd有缩进效果)

</dl>

3.表格

表格用于展示数据库中的数据,核心

<tr>标示这个表格中间的一个行 
<td>标示行中的一个列,需要嵌套在<tr></tr>中间

<table>

<thead>(表头)

<tr>

<th>

</th>

</tr>

</thead>

</table>(表体)

<tbody>

<tr>

<td>

</td>

</tr>

</tbody>

<tfoot>(页脚)

tr td

</tfoot>

4.超链接

作用:

1.跳转

2.页面内部锚定跳转  例:回到顶部

href属性为空,会刷新当前页面

<a href="#top"></a>其中#表示在当前页面寻找id值为top的标签

<a href="链接路径"  target="_blank"(新开网页) > </a>

<a href="#top"></a>

5.图片

图片路径、宽高

<img src=”路径”    alt=”替代文字”>

上一级路径:../

6.表单

分父元素和子元素

父是form

子元素以input为核心

实现登录、注册

用来向后台服务器提交数据

单选和复选默认checked

下拉框默认seleced

所有的表单项要把参数提交到服务器,要有name和value

<form action=”服务器地址”   method=”用来指定数据如何发送到服务器的属性,可以实现post和get操作”></form>

7.Css

写在表头的选择器<style></style>

选择器

分为:Id  class 元素选择器

元素:

后代 子代 交集 并集

class选择多个

表头:.后加内容

id不重复选择

表头:#后加内容

优先级id>class>元素

子代:后一级 

表头:中间>

后代:后所有级

表头:中间空格

交集

表头:之间无连接

并集

表头:中间逗号

属性(选择元素其中属性)

伪元素  (相当于元素特定属性)

CSR-DCF视频目标跟踪源码运行笔记 论文基本信息 论文标题:Discriminative Correlation Filter with Channel and Spatial Reliability 论文作者:Alan Lukezic等 论文出处:CVPR 2017 文章链接:https://arxiv.org/abs/1611.08461 补充材料:https://www.semanticscholar.org/paper/D... 阅读详情

相关推荐

基于LangGraph的智能报告生成平台项目分析

不知道你是否知道或者了解OpenAI and Gemini Deep Research。他们是一种能够根据输入问题进行规划、结合网络搜索获取信息并最终呈现结果的研究工具或技术。那这样research是如何实现的呢?最近刚好看到一个实现类似功能的开源项目: open_deep_search。本文将基于该项目进行代码层面剖析。

u011160113的博客 897

HTML+CSS基础语法

html标签和简单css用法

l1989545771的博客 1754

基于霍尔传感器电机转速的单片机测量

基于霍尔传感器电机转速的单片机测量 有需要的吗

html基础CSS基础

HTML html骨架结构 <!--声明文档类型,告诉浏览器按照哪个版本的html解析--> <!DOCTYPE html> <html lang='en'> <!--lang=zh-CN 用于搜索引擎看的--> <head> <meta charset='UTF-8'> <!--元信息 不是给用户看的 给搜索引擎和浏览器看的 charset 字符集 unicode 万国码 gb2312 中

qq_37025110的博客 824

HTML+CSS基础

HTML+CSS基础

代码改变世界 233

Java Web开发基础——HTMLCSS与JavaScript基础

通过CSS,开发者可以分离网页的内容和外观,增强页面的可维护性和可复用性。它定义了网页的基本结构,通过各种HTML标签来描述网页的内容和布局。HTML的主要作用是为浏览器提供内容的结构,使用户能够查看到网站的文本、图片、链接等信息。DOM(Document Object Model)是浏览器为HTML文档提供的对象表示模型,JavaScript可以通过DOM操作来动态改变页面的内容和结构。随着HTML5的引入,许多新特性和标签得到了支持,特别是多媒体、图形绘制、离线存储等方面的增强。最新版本为HTML5。

好看资源网的博客 1251

HTMLCSS 和 JavaScript 基础知识点

htmlcss、JavaScript的基础知识、以及原理和案例

weixin_46261399的博客 1216

HTMLCSS基础

HTMLCSS基础一、HTML1.概念2.快速入门3.标签学习(1)文件标签:构成html最基本的标签 一、HTML 1.概念 最基础的网页开发语言 全称: Hyper Text Markup Language 超文本标记语言 超文本: 是用超链接的方式,将各种不同空间的文字信息组织在一起的网状文本 标记语言: 由标签构成的语言,标记语言并非编程语言 2.快速入门 语法 html文档后缀名为".html" 或者 “.htm” 标签分为:围堵标签(有开始标签和结束标签)、自闭合标签(开始标签和结束标签在一

博主是个二次元死肥宅~ 182

HTML + CSS3 基础入门与进阶

HTML + CSS3 基础入门与进阶简介一、HTML 入门与进阶二、CSS 入门与进阶1、CSS 基础入门(1)CSS3简介(2)CSS 的书写位置(3)CSS 的基本语法2、CSS 选择器(1)标签选择器(2)id 选择器(3)class 选择器(4)复合选择器(5)伪类(6)元素关系选择器(7)序号选择器(8)属性选择器(9)CSS3 新增的伪类(10)伪元素(11)层叠性和选择器权重计算3、文本与字体属性(1)常用文本样式属性(2)常用字体属性(3)段落和行相关属性(4)继承性4、CSS 盒模型(1

weixin_49809163的博客 4066

HTMLCSS基础知识总结

HTMLCSS基础知识总结 1、HTML基础内容 H1到H6 :标题; p 段落; br 换行; strong或者b 加粗; em或者i 倾斜; del或者s 删除线; ins或者u 下划线; div和span 没语义只能装内容; img 图片标签常用alt替换文本,title鼠标放上; a 链接标签 target 包含 _self和_blank 锚点链接 a = “#abc” div id = “abc”; table 表格 tr th默认加粗居中 td thead

qq_44882277的博客 1349

HTMLCSS基础(一)

介绍htmlcss基础,其中包括常用html元素:div,p,ul,li,img,table等,常用css属性:display,position等。

老王的博客 1288

怎么让腾讯元宝做表格?AI导出鸭苹果版通过解析引擎将元宝表格HTML转为结构化数据,一键导出标准Excel或Word

腾讯元宝生成的表格在直接导出Excel/Word时易出现公式错误、格式丢失等问题。AI导出鸭苹果版通过智能解析引擎,将HTML表格转为结构化数据,保留公式、合并单元格和样式,支持一键导出标准Excel(含多Sheet)、Word或PDF。其核心技术包括DOM结构识别、公式保真转换和本地化处理(不上传数据),解决跨平台兼容性问题,实测80行报表转换仅需8秒且零误差。该工具动态适配元宝版本更新,满足企业级数据安全需求。

2601_95832060的博客 313

2、HTML入门——HTML元信息

HTML学习笔记

qq_51180928的博客 272

HTML 的 <html> 元素

html>元素是 HTML 文档的根元素,所有其他元素(如 <head>和 <body>)都必须包含在它之内。它代表了整个 HTML 页面的开始和结束,是文档树的顶层节点。<html>元素是每个网页不可或缺的基石。它定义了文档的边界和基础语言环境。正确使用它,结合DOCTYPE>声明和恰当的lang属性,是构建标准、可访问且对搜索引擎友好的网页的第一步。

IMPYLH的博客 223

蜗牛学苑 Java 智能体学习 Day26|HTML(续)、断点调试思维导图复盘

重生之我在蜗牛学苑学代码

weixin_75217422的博客 191

Grok生成的html怎么导出——AI导出鸭:大模型结构化输出的“最后一公里”工程化解构

在LLM从“玩具”走向“工具”的进程中,结构化输出的稳定性一直是工程落地的“阿喀琉斯之踵”。无论是Grok、ChatGPT还是DeepSeek,其生成的HTML、Markdown及LaTeX公式在跨平台流转时,乱码、排版错乱、数据血缘断裂成为高频痛点。本文以“AI导出鸭”为核心解剖样本,结合PydanticAI验证框架与FAIR数据原则,通过横向对比与实证数据,深度探讨AI原生内容如何实现无损的工业化导出。

aidssxz的博客 624

HTML + CSS + JavaScript实现可视化JSON工具:格式化、折叠、搜索与错误定位

本文使用原生 HTMLCSS 和 JavaScript 实现一个可直接运行的可视化 JSON 工具。无需框架和构建环境,支持 JSON 格式化、压缩、树形折叠、关键词搜索及解析错误定位,并介绍递归渲染、安全 DOM 操作、响应式布局和本地数据处理边界。

xiaominglao的博客 252

VS Code 1.133 实战:Claude 可免 GitHub 登录,HTML 保存后自动刷新

VS Code 1.133 增加了 Claude 会话模型来源切换、免 GitHub 登录打开 Agents 窗口、长对话提示词置顶,以及本地 HTML 自动刷新功能。本文给出 Windows 开启方法、完整配置、费用边界和可直接复制的测试页面。

cookies404的博客 300

HTML系列教程:4_什么是 HTML 元素(零基础超详细讲解)

这篇文章系统讲解了HTML标签与元素的区别及用法: 核心概念区分 标签:仅指尖括号部分(如<p>) 元素:=开始标签+内容+结束标签的完整结构(如<p>文字</p>) 元素类型 双标签元素(有内容):如<h1>标题</h1> 空元素(单标签):如<br>、<img>,无内容和结束标签 重要特性 嵌套规则:先开后关,禁止交叉 。

zhanghaha1314的博客 497

HTML系列教程:5_HTML 属性 超详细零基础讲解

本文系统讲解了HTML属性的基本语法和使用规范。主要内容包括:1. 属性基础语法:必须写在开始标签内,格式为"属性名=属性值",多个属性用空格分隔,必须使用英文引号。2. 属性分类:- 通用属性(class、id、title等)适用于几乎所有HTML元素 特有属性(如a标签的href、img标签的src)只对特定标签有效3. 空元素的属性写法:如<img>、<meta>等单标签的属性也写在开始标签内。4. 常见错误:包括使用中文引号、属性写在结束标签、错误分隔属性

zhanghaha1314的博客 195

【基于GO的Web开发7】html/template 模板补充

当你使用又希望渲染原生 HTML(可点击链接、标签)时,就需要自定义函数,返回类型关闭转义。

2503_92676540的博客 170
下一篇: CSS布局、定位与动画(旋转太极实现)
woosm
博客等级 码龄4年 4粉丝 6原创
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值