首页 > 其他分享 >2.18

2.18

时间:2024-03-01 14:11:07浏览次数:20  
标签:标签 2.18 HTML 样式表 图像 文本 属性

今天做了什么

HTML样式实例 - 背景颜色
背景色属性(background-color)定义一个元素的背景颜色:

实例
<body style="">
<h2 style="">这是一个标题</h2>
<p style="">这是一个段落。</p>
</body>


早期背景色属性(background-color)是使用 bgcolor 属性定义。

现在通常使用font-family(字体),color(颜色),和font-size(字体大小)属性来定义文本样式,而不是使用<font>标签。

HTML 样式实例 - 文本对齐方式
使用 text-align(文字对齐)属性指定文本的水平与垂直对齐方式:

实例
<h1 style="text-align:center;">居中对齐的标题</h1>
<p>这是一个段落。</p>


文本对齐属性 text-align取代了旧标签 <center> 。

内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在<head> 部分通过 <style>标签定义内部样式表:

<head>
<style type="text/css">
body {}
p {color:blue;}
</style>
</head>
外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

在 HTML 中,图像由<img> 标签定义。

<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。

要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。

定义图像的语法是:

<img src="url" alt="some_text">
URL 指存储图像的位置。如果名为 "pulpit.jpg" 的图像位于 www.runoob.com 的 images 目录中,那么其 URL 为 http://www.runoob.com/images/pulpit.jpg。

浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段。

HTML 图像- Alt属性
alt 属性用来为图像定义一串预备的可替换的文本。

替换文本属性的值是用户定义的。

<img src="boat.gif" alt="Big Boat">
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。

HTML 图像- 设置图像的高度与宽度
height(高度) 与 width(宽度)属性用于设置图像的高度与宽度。

属性值默认单位为像素:

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">

标签:标签,2.18,HTML,样式表,图像,文本,属性
From: https://www.cnblogs.com/Christmas77/p/18046938

相关文章

  • 2.17~2.18 题单选做
    Sister,Friend,Loverいつだってそばにいるから不论何时我都愿伴你左右簡単にナシと决めないで所以不要轻易否决我受け止めて接纳我吧CF1854DMichaelandHotel考察可以通过询问完成:\(k\)取足够大+二分得到某点指向的环上的一个点。\(k\)取1+二分得到......
  • 上周热点回顾(2.12-2.18)
    热点随笔:· 2024年,我又开始用Linux桌面作为主力系统了~ (程序设计实验室)· .NET团队公布.NET9开发目标并发布.NET9的首个预览版 (张善友)· 糟糕,接口被刷了,怎么办? (苏三说技术)· C#实现刘谦春晚魔术 (柴油飞机)· 【开工大吉】推荐4款开源、美观的WPFUI组件库 (......
  • 2024.2.18 捶打我天然的沉默 切割我卑微与困惑
    今天是DS选讲,理解了大部分内容,还有一些自己口胡了,很好。ARC打的有点难受,因为电脑有点稀碎(指编译1min+),机房的电脑又用不习惯。具体表现为会E差一点过,可惜。CF713CSonyaandProblemWihtoutaLegendslopetrick入门题。具体的,写出DP会发现只需要支持取前缀min,加入......
  • 2024.2.18 近期练习
    P4764值域为\([l,r]\)的生成森林,也就是把值\(\gel\)的边拿出来生成森林,其中边\(\ler\)的权值和。我们现在要求所有\(l\),$\gel$边的生成森林中边有哪些。考虑从大往小加边,设当前加入第条边\((u,v,w)\)。因为这条边最小,所以这条边必选。若\(u,v\)不连通,那么直接......
  • 闲话2.18
    晚上开始模拟费用流了......
  • (2024.2.5-2024.2.18)C语言学习小结
    这两周主要围绕《HeadfirstC》这本书展开C语言学习,同时尝试学习DES密码算法C程序。基本内容《HeadfirstC》学习的内容基本上就是进程与通信、网络、线程这块。以下是思维导图:实践练习除了书上的一些小练习之外,我也实践写了HFC的C语言实验室2的程序,一波三折,详见C代码......
  • SMU Winter 2024 div2 ptlks的周报Week 3(2.12-2.18)
    这周主要加强了对知识点的掌握。P10161[DTCPC2024]小方的疑惑10从题目可以得知a个连续括号贡献为a(a+1)/2,代价为2a。要求总贡献恰为k,且代价不高于n。一开始我想到了模拟,先取一个贡献低于k最大的a,剩下的再直接在外面套括号,结果wa。又想到可以分出多个a来组成k,就用递归,每次......
  • fastposter v2.18.0 一分钟完成开发海报-云服务来袭
    fastposterv2.18.0一分钟完成开发海报-云服务来袭fastposter是一款快速开发海报的工具,已经服务众多电商、行业海报、分销系统、电商海报、电商主图等海报生成和制作场景。什么是fastposter......
  • 大二打卡(12.18)
    今天做了什么:在期末考试的那一天,早早地来到了考场,准备迎接这场挑战。考试铃声响起,老师开始逐一发放试卷。深吸一口气,开始认真地审题。说实话,经过这么长时间的练习,已经对这类题目驾轻就熟了。建立表、编写页面、编写Java文件,这些步骤几乎成了肌肉记忆,几乎不需要思考就能完成。考......
  • Citrix ADC Release 13.0 Build 92.18 发布 - 混合多云应用交付控制器
    CitrixADCRelease13.0Build92.18发布-混合多云应用交付控制器CitrixADCRelease13.0Build92.18(nCore,VPX,SDX,CPX,BLX)CitrixADC-混合多云应用交付控制器作者主页:sysin.org大规模应用程序交付可能很复杂。使用NetScaler让一切变得更简单。产品概述CitrixAD......