前端篇—html

最新推荐文章于 2023-05-31 10:27:10 发布
最新推荐文章于 2023-05-31 10:27:10 发布
阅读量266 收藏
点赞数
分类专栏： HTML 文章标签： HTML html属性
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42016382/article/details/100873921
版权

文章目录

HTML定义

    超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

html / css / js

html结构

<!DOCTYPE html>
<html>
<head>
	<meta chrset='utf-8'>
	<title>文档头部!</title>
</head>
<body>
	<div >
		<h1>文档主体...</h1>
		<p></p>
	</div>
</body>
</html>

标签分类及属性

属性：

  1. 键值对
  2. 只能出现在开始标签或自闭合标签中
  3. 属性名字小写，属性必须用引号引起来
  4. 如果属性值和属性名相同，可以缩写，例：readonly='readonly’可以写成readonly.

标签分为闭合标签和自闭合标签。
标签分为块级标签(block)和内联标签(inline)。

html/dead/body/title/meta

<!--数据展示渲染-->
div/p/span/h/a/br/ul/ol/li/img/stable/td/tr/dd
b/hr/em/up/sub/

<!--可提交数据-->
input/form/textarea/select/option

style/script/link

<!--不常用-->
strike/del/

head

title

<title>在浏览器标题栏的显示</title>

meta

<meta>
<meta charset='utf-8'>
<!--关键词-->
<meta name='keyword' content='关键词、搜索词'>
<!--网页介绍-->
<meta name='description' content='网页介绍'>
<!--自动刷新/刷新时间/跳转网页-->
<meta http-equiv='Refresh' content='2'>
<meta http-equiv='Refresh' content='2;www.xxx.com'>
<!--兼容IE-->
<meta http-equiv='X-UA-Compatible' content='IE=EmulataIE7'>

link

<!--设置网页在标题栏的图标-->
<link rel='ico' href='ico.ico'>
<!--引入css文件-->
<link type='text/css' style='stylesheet' href='css.css'>

script

<script></script>

style


<style>
	<!-- 写body中各标签的样式 -->
</style>

body

标题标签：h1-6

<!-- 6级标题标签：按标题大小依次 -->
<h1>h1</h1>
<h2>h2</h2>
<h3>h3</h3>
<h4>h4</h4>
<h5>h5</h5
最低0.47元/天 解锁文章
wolf67
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端之HTML篇
差三岁的博客
01-22 321
前端之HTML篇 一、HTML部分 （一）HTML基础 1、网站与网页 网页：由图片、文字、视频、声音等元素构成的页面，后缀名是.hmtl/.htm 网站：很多网页的集合 2、HTML定义 HTML：超文本标记语言（Hyper Text Markup Language），用来描述网页的一种语言 XHTML：可扩展超文本标记语言(标识语言)，语法比HTML更严格 文件命名规范：名称全用小写的英...
前端~html页面
qq_34590512的博客
04-12 281
HTML课堂笔记 1. HTML基本结构 <!DOCTYPE html> <html> <!-- 根元素 --> <head> <!-- 头元素，用于指定HTML文章中的一些元数据：meta：定义页面的编码格式；title:定义页面的标题--> <meta charset="utf-8"> <title></title> <!-- 页面标题格式 --> </head> &l
html网页中必填符号图片,收集的web页面html中常用的特殊符号大全
weixin_39963341的博客
06-08 628
收集的web页面html中常用的特殊符号大全更新时间：2007年03月09日 00:00:00 作者：*特殊符号：·⊙①⊕◎Θ⊙*○¤㊣㈱＠の*□*☆**▲△▼▽⊿▂▃▄▆**▉▊▋▌▍▎▏*回□**≡↑↓→←↘↙♀♂┇┅‖$@*&#※卍卐∞Ψ§∮№⌒＊*标点符号：．。，、；：？！ˉˇ¨`~々～‖∶＂＇｀｜·…—～-〃‘'“”〝...
CSS 实现必填项前/后添加红色星号
BlueKitty的博客
05-21 4万+
1 . 常规写法 <label><span style="color:red;">* </span>用户名 : </label> <input type="text" value=""/> 2 . CSS写法(更简洁方便 , 而且便于统一调整样式) <style> label.xrequired:before...
面向前端工程师的 Python 快速入门（30min）
xx16755498986的博客
05-31 1483
这是一份面向前端工程师的 Python(3) 快速入门介绍，帮助你快速开始 Python 开发。Python 是一门非常实用并且简单的编程语言，它也是目前最流行的编程语言之一。Python 由于拥有大量的开源库，可用于载入数据、数据可视化、统计、图像处理和自然语言处理等，所以它既可以用来编写 web 程序，也成为了数据科学、机器学习常用的语言，可以说是一门性价比极高的语言。据说目前已经有地区的中小学开始将 Python 作为编程学习的首要语言。
终于，Python 也可以写前端了
小詹学python的博客
03-20 1714
前端除了用js++css+html，还有没有其它办法？其实python也可以#1. 安装与基本流程安装PyWebIO和其他的第三方库一样使用pip install PyWebIO就行...
用Python写前端
eternity_ld的博客
10-30 5217
分享一个让开发交互式 Web app 超级简单的工具。不会 HTML，CSS，JAVASCRIPT 也没事。交互式 Web app 非常实用，比如说做一个问卷调查页面、一个投票系统、一个信息收集表单，上传文件等等，因为网页是可视化的，因此还可以作为一个没有服务端的图片界面应用程序而使用。 如果你有这样的开发需求，那用 Python 真的是太简单了。 借助于 PyWebIO（pip install pywebio），你可以分分钟实现网页的信息录入，可以看下面的动图： 上面的页面，也就仅仅用了这 6.
前端面试html篇1
08-04
HTML是构建网页的基础，语义化是HTML设计的重要原则之一...Vue组件结构通常需要良好的HTML基础来构建模板，因此深入理解HTML的语义化、资源加载方式以及元数据的使用，对于成为一位优秀的前端开发者来说是必不可少的。
练习前端-HTML标签进阶篇-day02-03
08-19
练习前端-HTML标签进阶篇-day02-03
最强面试八股文-前端篇
10-05
【前端篇】是针对前端开发者的面试准备指南，包含了HTML、CSS、JavaScript等多个方面的知识点。在HTML中，`iframe`元素被用来嵌入其他网站内容，它可以实现多域名内容的并列显示，但同时存在搜索引擎识别困难、加载...
前端-HTML学习ppt
12-14
2. **web基础教程之HTML篇.pdf**：这份PDF教程可能会深入讲解HTML5的新特性，比如音频（`<audio>`）、视频（`<video>`）标签，还有离线存储（`<html manifest>`）、canvas画布、geolocation定位等高级功能。...
2023前端HTML+CSS最全面试题和答案汇总
02-09
内容概要：2023前端HTML+CSS最全面试题汇总，前端知识点全部覆盖，保你面试无忧。在手写Spring 源码的过程中会摘取整体框架中的核心逻辑，简化代码实现过程，保留核心功能，例如：IOC、AOP、Bean生命周期、上下文、...
一个傻瓜式构建可视化 web的 Python 神器 -- streamlit 教程
王炳明
12-23 1万+
正常在学习一个新框架之前， 肯定要先调研下这个框架究竟能做些什么事吧？ 但对于 streamlit 来说，请你相信我，这是一个你可以无脑去学习的框架，我之所以这么说，是因为我相信终有一天，你一定能用得上它。 如果你真的需要一些理由的话，那我随便给你举几个例子： 做数据分析的同学，想要把数据分析的成果做成应用展示给其他人，怎么办？ 想做一些用户数据的收集，但某些公有平台又却仅有收集，没有对应的开发能力提供数据的处理与反馈，怎么办？ 难道真的要为了这种简单的需求，去折腾 html + css + js +
如何使用Python制作网站？
weixin_34372728的博客
06-14 6629
网站/ Web应用程序包含两个主要部分。前端：客户端。后端：服务器端。前端/客户端只不过是您在浏览器上看到的用户，即网页，布局，图像以及按钮和徽章等小部件。设计我们需要的任何网站/ Web应用程序的前端 HTML：在我们的网页上添加标题，文字，段落等元素。这是一个普通HTML网站的常规网站：很平淡无聊，不是吗？为了使事物更好看并添加颜色，我们使用称为CSS或层叠样式表的内容来...
HTML 基础，python中嵌入html
04-03 6270
<!DOCTYPE html> //声明使用W3C标准来渲染浏览器 <html lang="en"> <head> <meta http-equiv="content-type" charset="UTF-8"> <meta name="keywords" content="html学习，meta元素"> //搜索n...
Python 竟然也可以写网页前端了！
cainiao_python的博客
07-27 3万+
Python作为胶水语言，真的是无所不能。这不，最近又出现一个基于 Python3，目标是替代 JavaScript 的前端开发工具 — Brython好用吗？咱今天来试试用它写一个计算...
从0开始python后端开发_前端（html）向后端（python）传递数据_GET_POST
热门推荐
17岁boy的博客
02-24 4万+
关于POST和GET的请求方法和区别请参考：HTTP协议下GET与POST的区别GET方法首先先使用html简单编写一个表单页面代码如下：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;GET方法传递数据(runoob.com)&lt;/title&gt; &am
python学习——构建前端
youzhouliu的博客
08-11 1万+
虽然我们跑通了一个最简单的MVC，但是页面效果肯定不会让人满意。 对于复杂的HTML前端页面来说，我们需要一套基础的CSS框架来完成页面布局和基本样式。另外，jQuery作为操作DOM的JavaScript库也必不可少。 从零开始写CSS不如直接从一个已有的功能完善的CSS框架开始。有很多CSS框架可供选择。我们这次选择uikit这个强大的CSS框架。它具备完善的响应式布局，漂亮的UI
pillow_heif-0.17.0-pp39-pypy39_pp73-macosx_14_0_arm64.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还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值