【codecademy summary】html+css <img>

The <img> element lets you add images to a web page. <img>element has required attribute called src, which is similar to the href. The values of src must be the URL of the image. <img> also need a / to self-closing element.

  <img> exmaple like this :

     <img src="https://www.exmaple.com/picture.jepg"/>

Also, the alt attribute is applied specifically to the <img> element as a description.

  why add alt attibute?

  1. If an image fails to load on a web page, a user can ouse over the area originally intended for the image and read a brief description of the image.

  2.Visually impaired users often browse the web with the aid of of screen reading software.When you include alt, the screen reading software can read the images‘s description outloud to the visusally impaired user.

  note: If the image on the web page is ot one that conveys any meaningful information to a user, the alt attribute should not be used.

  <img>+alt exmaple like this:

    <img src="https://www.exmaple.com/picture.jepg" alt ="description"/>

  

时间: 2024-10-18 13:50:55

【codecademy summary】html+css <img>的相关文章

【codecademy summary】html+css font

The default typeface for all HTML elements is TImes New Roman. exmaple as use of font typeface:  font-family: "Courier New"; Two different typefaces of types as: 1.Serif - traditionally used in print designs, as they have been considered easier

【codecademy summary】html+css links

We use <a> element to add a link to other web. This is exmaple about text-only links: <a href="www.google.com" target= "_blank">Google</a> And this is exmaple about picture links: <a href="www.google.com"

【Solve summary】求和

[Problem description] 问题描述 一条狭长的纸带被均匀划分出了n个格子,格子编号从1到n.每个格子上都染了一种颜色color_i(用[1,m]当中的一个整数表示),并且写了一个数字number_i. 定义一种特殊的三元组:(x,y,z),其中x,y,z都代表纸带上格子的编号,这里的三元组要求满足以下两个条件: xyz是整数,x<y<z,y-x=z-y colorx=colorz 满足上述条件的三元组的分数规定为(x+z)*(number_x+number_z).整个纸带的分

【笔记-前端】div+css排版基础,以及错误记录

现在的网站对于前端的排版已经逐渐不使用<table>,而是使用div+css. 使用这种方法的最大好处就在于在维护页面时,可以只维护css而不去改动html. 可是这种方式对于初学者来说可能不好理解,所以简单描述一下使用div+css排版基础. 下图是一个使用div+css排版的示例: html和css: <html> <head> <style> body{font-size:20px;font-weight:bold;color:white;} .bac

【读书笔记】精通CSS 第二版

div和span: div用来对块级元素分组,span用来对行级元素分组.div代表division,它可以将文档分隔为几个有意义的部分,应该只在没有现有元素能实现区域分隔的情况下使用div. 微格式(microformat): HTML中缺少相应的元素,很难突出显示人,地点,日期等类型的信息 参考:  微格式 文档类型定义DTD: DTD是一组机器可读的规则,它们定义XML或HTML的特定版本中允许有什么不允许有什么,在解析网页时,浏览器将使用这些规则检查页面的有效性并且采取相应的措施 DOC

【Bug Summary】Resource interpreted as Script but transferred with MIME type text/html

昨天新开一个云服务器,把网站部署到IIS上,发现css和js都没有正常显示,检查后发现给出了这样一个警告: Resource interpreted as Script but transferred with MIME type text/html 目前问题已解决,方法如下: 将iis中上述的静态内容打勾即可. 方法可能不适用于其他人,仅提供一个解决思路.如果觉得有用,请点个赞,谢谢!

【小技巧】只用css实现带小三角的对话框样式

一个小小的技巧: 如图所示,这种小三角,不用图片,只用css怎么实现呢? 直接上代码吧: <!DOCTYPE html> <html> <head> <title>三角</title> <style> .main{width: 100px;border: 1px solid red;height: 100px;position: relative;} .box{width: 0;height: 0;border-style: soli

【前段开发】行内元素和块级元素总结(HTML CSS)

块级元素 <address> information on author <blockquote> long quotation <button> push button <caption> table caption <dd> definition description <del> deleted text <div> generic language/style container <dl> defini

【转】用CSS+DIV时width的问题

CSS盒子占据面积的大小一共是边距(margin)+边框(border)+填白(padding)+宽度(width).所以当你设置width:200px;border:1px xx xx;的时候,实际的这个DIV的width最大值还是200.只是DIV的实际占据页面的宽度是:1(左边框)+200(width)+1(右边框)=202所以这个DIV里面还有200的宽度可以容纳包含的DIV.当然如果里面的DIV宽度大于200,外面DIV定义的宽度就会失去效果. 注意啦!注意啦!重点地方要回答你了,如果