`
Jennycn
  • 浏览: 96494 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

从0开始学习编程(2)-(116)---属性和标签,背景颜色,链接,照片,表格

 
阅读更多
1\属性和标签的区别,有时能把我弄糊涂.属性,是用来说明标签的,可是标签,自己看起来也像就是说明什么的东西.

??2\图像标签原来不是直接引用你机器里的照片的

刚刚看到一个图像标签和属性,<img src="/i/eg_w3school.gif" width="300" height="120" />

就琢磨,那我把我的网站logo放进去试试,呃,发现不行.想了一会,应该是要把图片发到网上某个地方,再引用来.是吧? 那是咋弄的呢? 照片都存哪里去,如何存呢?

看到,链接也可以用图片链接的,不过,我还是没弄明白图片存哪里的

?3\看到一个 背景颜色的属性 <body bgcolor="yellow"></body>  觉得可以用在页面的整体背景颜色设置.可是,为啥只有几种颜色,有gray 但没有什么浅灰色?我输入的是light gray. 我估计,应该在css里会有讲这个. 刚刚看到,有个powderblue,是淡蓝色,翻译的是粉蓝色.

顺便说一句,昨天好像看到koda的博客里转的一个帖子说,购物网站,还是白底黑字转化率高. 我想做的是浅灰的背景颜色.

刚看到,这个bgcolor的属性已经被style取代了 <body style="background-color:yellow">改这样了.每个都可以加背景颜色

刚刚看到了,颜色:仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。它们是:aqua, black, blue, fuchsia(紫红), gray, green, lime(石灰), maroon(褐紫色), navy(海军蓝,藏青), olive, purple(紫), red, silver, teal(中湖蓝), white, yellow。http://www.w3school.com.cn/html/html_colors.asp

16进制我还没太弄明白 好,现在大致明白了

我喜欢的灰色,是红,绿,蓝3种值相等时得到的http://www.w3school.com.cn/html/html_colorsfull.asp

4\ 那个<a href="jennycn.iteye.com">myblog</a> 这个,很有用,做链接的.

昨天看到一个博客里提到优化时,说,不要用"请点击这里"这样的链接文字 ,就是那个地方,比如链接到自己的博客时,不要用点击,要写上 说明文字,就比如myblog

5\超链接还可以向浏览者指出有关文档中某个主题的更多信息。例如,“如果您想了解更详细的信息,请参阅某某页面。”。作者可以使用超链接来减少重复信息。例如,我们建议创作者在每个文档中都签署上自己的姓名。这样就可以使用一个将名字和另一个包含地址、电话号码等信息的单独文档链接起来的超链接,而不必在每个文档中都包含完整的联系信息。

超链接(hyper text),或者按照标准叫法称为锚(anchor),是使用 <a> 标签标记的,

实际应用:除了首页的下面,协议啊,工作博客,联系啊,版块其实也是超级链接,这个谈到重复的地方,我也有个地方要用的.有些信息,比如,你订了一张机票,是联程的,或往返的,你一次输入,会把费用预定都输入进去,但这个在时间上是分开的,所以,在后面的时间里,前面的重复的信息,就应该是可以用 预定和费用信息参见 然后是超链接到前面那个地方去.

?6\关于超链接,不太懂的是这后面说的在文档中创建一个标记是什么意思;锚的一种类型是在文档中创建一个热点,当用户激活或选中(通常是使用鼠标)这个热点时,会导致浏览器进行链接。浏览器会自动加载并显示同一文档或其他文档中的某个部分,或触发某些与因特网服务相关的操作,例如发送电子邮件或下载特殊文件等。锚的另一种类型会在文档中创建一个标记,该标记可以被超链接引用。

注释
锚的这两种类型都使用同样的标签;也许这就是它们拥有同样的名称的原因。但是我们发现,如果将它们区分开,把提供热点和超链接地址的锚看作“链接”,而用于标记文档的目标部分的锚称为“锚”,那么您将更容易理解这两种类型的锚。



分享到:
评论
8 楼 Jennycn 2011-10-19  
Jennycn 写道
9\ 表格

觉得可以用在 旅行时的费用清单上


果然

http://www.w3school.com.cn/tiy/t.asp?f=html_table_align
7 楼 Jennycn 2011-10-19  
Jennycn 写道
9\ 表格

觉得可以用在 我的费用清单上


表格里,还学到cellpadding,就是格边宽.cellspacing
6 楼 Jennycn 2011-10-18  
9\ 表格

觉得可以用在 我的费用清单上
5 楼 Jennycn 2011-10-18  
今天学习成绩不多

主要是上午起床看了小说

然后又溜达了一下,下午午觉后才正式开始学习. 又开会,下载软件,还分心去搜索电脑价格

还和几个外包的人聊了几句

明天开始不能分心了



那个美工,真的很不靠谱,前天说晚上一定给我,然后真的说给我了,其实我没收到,说是发离线文件了,那不可能的.昨天白天说晚上给我.晚上又没有.今天问,说晚上给我电话,一定给我,晚上我电话她,关机.

唉,
4 楼 Jennycn 2011-10-18  
? 8\ 看到邮件链接,没搞明白,咋弄
<a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
3 楼 Jennycn 2011-10-18  
Jennycn 写道
7\ 看到一个很好的功能,就是链接的target属性

如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。

我觉得很多时候,查询其他的信息,或者,比如,你自己在添加一次自己的旅行时,看到旁边推荐的其他人同一个目的地的旅行,都应该设置为在新窗口打开.

在那个创新工场的队伍开发的网站,他们很多的链接都是直接覆盖原来窗口的,链接过去后,内容完全是新的,经常让人忘记如何回去原来的地方了.很快走入迷宫,逻辑非常不好.

现在这个教课程的自己也是,我要试用以后,返回总得一级级返. 不过,估计没办法,因为是实时要在右边窗口看效果的.



我觉得那些加友情链接的,也应该设置为这个,不然,点击到人家那里,就把自己的关了
2 楼 Jennycn 2011-10-18  
7\ 看到一个很好的功能,就是链接的target属性

如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。

我觉得很多时候,查询其他的信息,或者,比如,你自己在添加一次自己的旅行时,看到旁边推荐的其他人同一个目的地的旅行,都应该设置为在新窗口打开.

在那个创新工场的队伍开发的网站,他们很多的链接都是直接覆盖原来窗口的,链接过去后,内容完全是新的,经常让人忘记如何回去原来的地方了.很快走入迷宫,逻辑非常不好.

现在这个教课程的自己也是,我要试用以后,返回总得一级级返. 不过,估计没办法,因为是实时要在右边窗口看效果的.
1 楼 Jennycn 2011-10-18  
刚刚去剪短了头发,现在像个小男生.

等有披肩长发时,就是程序员了:)

相关推荐

    HTML标签与属性大全

    它由一系列标签和属性组成,这些元素共同构成了网页的结构和样式。以下是一些重要的HTML标签和属性的详细说明: 1. **基础标签**: - `&lt;html&gt;`:HTML文档的根元素,包含整个文档。 - `&lt;head&gt;`:定义文档头部,...

    Web编程入门经典-HTML、XHTML和CSS(第2版)

    在深入探讨Web编程入门经典——HTML、XHTML和CSS(第2版)的案例源代码之前,我们首先需要理解这三个核心技术的基本概念。 HTML(HyperText Markup Language)是万维网的核心语言,用于创建和设计网页内容。它由一...

    多媒体网页-编程实例2

    在"多媒体网页-编程实例2"中,我们可能涉及到如何使用HTML5的新特性来展示多媒体元素,例如`&lt;audio&gt;`和`&lt;video&gt;`标签用于嵌入音频和视频,`&lt;img&gt;`标签配合`srcset`和`sizes`属性实现响应式图片,以及`&lt;canvas&gt;`元素...

    易语言程序免安装版下载

     支持静态链接其它编程语言(如C/C++、汇编等)编译生成的静态库(.LIB或.OBJ),但仅限于COFF格式,支持cdecl和stdcall两种函数调用约定。  使用说明如下:函数声明和调用方法与DLL命令一致;“库文件名”以.lib...

    html-html标记与属性速查表

    - **定义**:用于设置元素的背景颜色。 - **示例**:`bgcolor="#ff0000"`。 #### bgproperties - **定义**:设置背景图片是否固定。 - **示例**:`bgproperties="fixed"`使背景图像固定。 #### border - **定义**...

    web 编程 基础 复习题

    - **背景设置**:可以使用 CSS 设置背景颜色或背景图片。 - **Image标签** (`&lt;img&gt;`):用于在网页中插入图像。 - **Hyperlink标签** (`&lt;a&gt;`):创建超链接,可以指向其他网页或网页内的特定位置(通过锚点)。 - **...

    html标记与属性速查表.pdf

    - **bgcolor**:设置背景颜色,如`bgcolor="#ff0000"`。 - **bgproperties**:用于固定背景图像的位置,如`bgproperties="fixed"`使其不会随滚动而移动。 - **border**:定义边框的宽度,如`border=10`。 - **...

    2023年网编程课堂笔记.doc

    表格的其他属性包括`bordercolor`(边框颜色)、`border`(边框宽度)、`cellspacing`(单元格间距)和`cellpadding`(内容与边框的距离)。 掌握这些基本HTML标签和属性是网页编程的基础,能够帮助创建具有结构和...

    html学习文件.docx编程资料

    - **设置背景颜色**: ```html &lt;body style="background-color:red;"&gt; ``` - **设置表格边框**: ```html &lt;table border="0"&gt; ``` #### 四、文本与段落处理 ##### 1. 段落 - 使用`&lt;p&gt;`标签来定义段落。 ###...

    HTML(超文本标记语言)编程教程

    - **色彩属性**:`&lt;body&gt;`标签可以通过添加`bgcolor`、`text`、`link`、`alink`和`vlink`属性来定义背景色、文字颜色以及链接的颜色。 - `bgcolor`:背景颜色。 - `text`:普通文本颜色。 - `link`:未访问链接的...

    网页制作实验报告格式.docx编程资料

    **实验原理**:通过Dreamweaver的表格工具,设置表格的基本属性(如边框宽度)和单元格样式(如背景颜色)。 **实验步骤详解**: 1. **插入表格**:在文档中插入一个表格,并通过表格属性面板调整表格的边框宽度为...

    初级网页制作员摸底测验样卷.docx编程资料

    - 当表格中的单元格设置了特定的背景颜色时,该颜色会覆盖表格的整体背景色设置。 **9. 在表格中添加新行的方法** - **题目解析:** - 本题考查了在表格最后一个单元格中添加新行的方法。 - **正确答案:A (Tab...

    css2手册编程书籍

    《CSS2手册编程书籍》是针对网页设计者和开发者的重要参考资料,主要涵盖了CSS2(Cascading Style Sheets Level 2)规范的所有核心概念和技术。CSS2是网页样式表语言的一个版本,它允许开发者通过分离内容和表现来...

    前端基础培训

    - `&lt;area&gt;`标签中的`shape`属性定义热区的形状(矩形、圆形或多边形),`coords`属性定义坐标,`href`属性定义链接地址。 #### 三、表格操作 - **表格标签**:了解如何使用不同的表格标签来构造复杂的表格布局。 ...

    html基础网页编程

    1. bgcolor:设定页面的背景颜色,例如:bgcolor="#eeffee"。 2. background:设置背景图片,如:background="images/bg.gif"。 3. bgproperties="fixed":保持背景图片固定,不随滚动条移动。 4. text:设定文档...

    css开发字典

    - 背景属性用于设置元素的背景颜色或背景图片。 - 常用属性包括:`background-color`, `background-image`, `background-repeat`, `background-position`, 和 `background-size`。 **Active(活动状态)** - 指的是...

    HTML属性详解大全[定义].pdf

    它不是一种编程语言,而是标记语言,通过一系列的标签来描述网页的结构和内容。这些标签通常成对出现,如`&lt;b&gt;`和`&lt;/b&gt;`,它们告诉浏览器如何呈现网页。 HTML标签包括多种类型,如: 1. **标题**:使用`&lt;h1&gt;`至`&lt;h6&gt;...

    网页设计学习笔记

    4. **页面属性设置**:包括设置背景颜色、背景图像、链接颜色等,可以增强网页的视觉效果。 5. **文字与图像应用**: - 使用`&lt;h1&gt;`至`&lt;h5&gt;`定义不同级别的标题。 - 可以设置文字的对齐方式、字体、大小、颜色和...

Global site tag (gtag.js) - Google Analytics