首页 > 其他分享 >寒假打卡!

寒假打卡!

时间:2024-02-29 21:01:49浏览次数:14  
标签: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">

标签:HTML,标签,寒假,样式表,图像,打卡,文本,属性
From: https://www.cnblogs.com/genyuan0/p/18045459

相关文章

  • 寒假打卡@
    HTML表格学习:HTML表格由<table>标签来定义,HTML表格是一种用于展示结构化数据的标记语言元素。每个表格均有若干行(由<tr>标签定义),每行被分割为若干单元格(由<td>标签定义),表格可以包含标题行(<th>)用于定义列的标题。tr:tr是tablerow的缩写,表示表格的一行。td:td是table......
  • 20240228打卡
    早上python程序设计课,主要对py的安装配置以及基础的语法进行了学习,并通过实际例子体会其鲜明的特点然后工程数学课,主要学习了最优化模型,并顺带复习了以前线性代数的相关知识,老师让我们要会用matlab,但好贵,学生认证后还要29美元qwq。掏钱是不可能滴,先用python试试看吧下午虽然没课......
  • 寒假安卓学习过程及总结
    四大组件Activity可视化界面,Service无界面后台服务,ContentProvider数据共享内容提供者,BroadcastReceiver消息传递广播Activity切换横竖屏时会重新走生命周期,从onstop到onCreate,如果在清单文件配置android:configChanges="orientation|keyboardHidden|screenSize"就可以避免该情......
  • 寒假第二十三天
    Android是一个开源的,基于Linux的移动设备操作系统,如智能手机和平板电脑。Android是由谷歌及其他公司带领的开放手机联盟开发的。 Android提供了一个统一的应用程序开发方法,这意味着开发人员只需要为Android进行开发,这样他们的应用程序就能够运行在不同搭载Android的移......
  • 2024牛客寒假算法基础集训营6 题解 ( A,B,C,D,E,I)
    2024牛客寒假算法基础集训营6题解(A,B,C,D,E,I)A 宇宙的终结题意找到\([l,r]\)区间中有多少数恰好等于三个不同素数的乘积思路数据范围很小,可以考虑暴力,遍历\([l,r]\)区间内每个数,拿每个小于当前数的素数一直往下除,判断是否存在能被恰好3个素数整除的情况代码/********......
  • 大二下打卡(2.27)
    今天做了什么:上午,早上醒来,今天是英语四级考试出分的日子,先看了眼朋友圈跟QQ空间,很好,大家都查出来了,说明网站稳定,于是我立马打开浏览器查询我的分数,过了,得劲,多亏了高中三年的老底,下一次就是六月份的六级接着就是第一节计算机网络课,大二上学期的时候,建民老师就说,不知道什么原因,软......
  • 2024牛客寒假算法基础集训营5 题解 ( A,C,G,H,I,L,M )
    2024牛客寒假算法基础集训营5题解(A,C,G,H,I,L,M)A mutsumi的质数合数题意有一个由\(n\)个正整数组成的数组,她想知道数组中质数和合数共有几个。思路由质数和合数的定义可知,正整数范围内除\(1\)外,要么是质数要么是合数,本题直接统计不是\(1\)的正整数的个数即可代码......
  • 寒假5
    Acount(1)#include<bits/stdc++.h>usingnamespacestd;intmain(){intn;cin>>n;inta[n];intcnt=0;for(inti=0;i<n;i++){cin>>a[i];if(a[i]==1)cnt++;}cout<<n-cnt<<......
  • 寒假4
    A#include<bits/stdc++.h>usingnamespacestd;intmain(){inta,b,k;cin>>a>>b>>k;if(a>=b*k)cout<<"good\n";elsecout<<"bad\n";}B先看不能操作的时候就是1,ai石子变为1需要ai-1,求和为总消耗w=sum(ai......
  • 2024牛客寒假算法基础集训营1(补题)
    目录ABCDEFGHIKLAn的范围很小暴力直接\(O(n^3)\)直接做就行。我还傻的统计了一下前后缀,不过怎么写都行这道题。#include<bits/stdc++.h>#defineintlonglong#definerep(i,a,b)for(inti=(a);i<=(b);++i)#definefep(i,a,b)for(inti=(a);i>=(b);--i)#d......