【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" target= "_blank"><img src="#" alt ="google"/></a>

时间： 2024-10-12 15:45:26

【codecademy summary】html+css links的相关文章

【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 &lt;img&gt;

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> e

【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 模仿Windows 7 桌面效果

前一阵在园子里看到一篇文章<使用css3仿造window7的开始菜单>,文中仅使用CSS3 实现了Windows 7 开始菜单的动态效果,很久以来一直被WPF/Silverlight 山上的风景所吸引,未成想其他的山也同样引人入胜.于是心血来潮也尝试着做了一个Windows 7 桌面效果,先来看几张截图吧. 桌面程序鼠标Hover 效果: 任务栏程序鼠标Hover 效果: 开始菜单效果: 桌面程序图标 桌面背景及程序图标的结构如下: <div id="win">

【前段开发】行内元素和块级元素总结（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