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

介绍完各类标签,该学习一些属性了

阅读更多
其实我们在第一节课里面已经接触过属性了,想想你是怎么在页面上加入一个链接的;怎么把本机的图片显示在页面上的。这两个都是通过属性来实现的,一个是对标签<a> 加入了属性herf="www.baidu.com", 一个是对标签<img>加入了属性src="a.jpg"。

下面我们继续学习另一个常用的属性style,跟前面两个属性不同的是,前面两个属性的值可以写我们想写的任何内容,style这个属性有一些固定值。让我们来看看它都有哪些值供我们利用。
style="background-color:yellow"
style="font-family:verdana"
style="font-family:arial;color:red;font-size:20px;"
style="text-align:center"

下面我们用style这个属性来美化一下第一节课写出来的网页。
<html>  
<body style="background-color:pink">  
<h3 style="font-family:verdana;color:red;text-align:center"> 你将写出人生的第一个网页 </h3>  
<p style="font-family:verdana;color:green;font-size:14"> 希望你的这次学习能够善始善终 </p>  
<a href="http://www.w3school.com.cn" style="font-family:verdana;color:blue;font-size:12"> 你可以通过这个网站来学习HTML </a>  
<p style="font-family:verdana;color:blue;font-size:12"><img src="62062d82g8cc4afd44476690.jpg" width="100" height="20"/img>    
这个是我本地的图哦,你可以把你写好的程序和你自己的图片保存在同一个地方就好了</p>  
<p style="font-family:verdana;color:blue;font-size:12"> 标签的学习就先到这里了,其实在后面还有很多标签需要学习。不过有了这几个标签就可以写出一个简单的网页啦。当然了这个网页看上去比较丑,因为我们还没有通过其他手段美化它,比如字体的样式、大小,文本的排列等等。不要着急,在后面我们都会学习到的。</P>  
</body>  
</html> 

怎么样,看看是不是比以前好看多了。

Target 属性:可以定义链接是在新的页面打开,还是在当前页面打开。target="_blank". 但是要想在一个新的tab里打开应该等于什么值呢。
直接跳至页面中某个节的链接用name这个属性,关于这个属性我是一点也没弄明白怎么用。日后请教一下在来说明吧。
  • 大小: 68.3 KB
分享到:
评论

相关推荐

    HTML属性标签大全注释

    HTML(HyperText Markup Language)是...通过阅读《HTML属性标签大全.pdf》这份资料,你可以系统地学习和掌握HTML的各种属性及其应用场景。在实际开发中,不断实践和积累经验,才能更好地利用这些工具构建出色的网页。

    CSS3奇思妙想单标签实现各类图形

    在现代Web开发中,CSS3已经成为了不可或缺的一部分,它的强大功能和灵活性让我们能够实现许多过去只能...在提供的压缩包"magicCss-master"中,可能包含了一些示例代码和项目,你可以进一步学习和实践这些CSS3图形技术。

    JavaWeb标签大全

    JavaWeb标签大全是JavaWeb开发中的一个重要组成部分,它包含了用于构建动态网页的各类标签库,如JSP标准标签库(JSTL)、自定义标签以及Struts2等框架中的标签。这些标签使得开发者能够更加简洁、高效地编写网页,提高...

    dede 超级标签 织梦

    总的来说,织梦的超级标签系统是建站过程中的利器,通过学习和掌握这一功能,用户不仅可以快速构建结构清晰、内容丰富的网站,还能实现个性化定制,满足不同场景下的需求。对于站长而言,熟悉和精通织梦的超级标签,...

    多标签分类标注器-linux版

    多标签分类标注器-linux版是一款专为Linux系统设计的软件工具,其主要功能是对各类数据进行多标签或单标签的分类标注。软件的使用场景非常广泛,可以用于标注人体属性、车辆属性以及其他需要进行多标签分类标注的...

    多标签分类标注器-windows版

    多标签分类标注器-windows版是一个功能强大、用户友好的标注工具,适用于各类多标签分类任务。它能够帮助用户高效、准确地完成数据集的标注工作,为后续的机器学习模型训练提供了坚实的数据基础。无论是科研、教育...

    (源码)基于HTML的Web开发入门学习项目.zip

    包含基本语法规范、各类标签的使用方法、网页开发工具要点等内容,旨在助力初学者快速掌握HTML基础知识,为后续深入学习Web开发筑牢根基。 ## 项目的主要特性和功能 1. 基础语法学习明晰HTML标签的构成,如双标签和...

    FashionAI:FashionAI全球挑战赛——服饰属性标签识别(单模型)

    比赛的核心任务是利用机器学习和深度学习技术,对服饰图像进行分析,识别出其中的各类属性标签,如颜色、样式、图案等。这里涉及到的主要技术栈包括PyTorch,一个流行的深度学习框架,以及Python编程语言。下面将...

    基于一种新的集成多标签学习方法的文本分类

    总而言之,本文的重点在于介绍了一种新型集成多标签学习方法En-MLKNN,以及其在文本分类任务中的应用。这一方法的提出,旨在通过结合多种属性度量方法来提高多标签文本分类的性能,并通过构建完整的分类框架来验证其...

    MFC各类控件入门学习

    本章主要介绍Windows标准控件的使用方法和技巧,包括如何利用Visual C++的对话框编辑器和ClassWizard工具将控件添加到对话框中,并设置控件的属性。MFC通过封装这些控件为类的形式,简化了在对话框中的操作和管理,...

    js标签云球形滚动文字特效代码.zip

    这种特效是将一系列标签以球形排列,并进行滚动展示,通常用于博客或网站的标签聚合部分,以直观、动态的方式展示各类主题或关键词。 在JavaScript中,实现这样的特效需要对DOM操作、时间函数、CSS3变换以及可能的...

    一种基于熵的连续属性离散化算法1

    在数据挖掘和机器学习的实践中,连续属性的离散化处理是处理各类实际问题时不可忽视的环节。连续属性离散化可以理解为将连续的数据分布转化为有限数量的离散区间,这一过程对于简化数据结构、降低计算复杂度、提升...

    基于Qt框架的QtChart函数曲线实例详解:源码演示与属性设置全覆盖,基于Qt框架的QtChart函数曲线实例源码解析,全面覆盖各类属性设置,基于qt 的qtchart函数曲线实例,源码,涵盖了大部

    本篇文章的源码涵盖了大部分QtChart函数曲线实例的属性设置,因此开发者在阅读和理解这些源码的基础上,可以快速学习如何将这些功能应用到实际开发中。此外,文章还会对一些常见的问题进行解答,例如如何处理坐标轴...

    各类h5页面模板效果,可用来学习

    本资源包“h5_page_template”提供了各类H5页面模板,非常适合初学者进行学习和实践。 1. **响应式设计**:H5页面模板通常采用了响应式布局,能够适应不同设备的屏幕尺寸,包括手机、平板和桌面电脑。这主要得益于`...

    AI音乐创作与元标签应用:Suno AI教程、案例集合及变现路径解析

    元标签是一种用于描述文件属性的数据标签,可以帮助用户更有效地组织和检索音乐作品。 - **元标签的应用**:通过为每一首歌曲添加详细的元数据,例如歌曲风格、情感倾向、创作时间等信息,使得音乐作品更加易于管理...

    车辆属性识别及跨场景标注方案.docx

    【车辆属性识别】是计算机视觉领域的一个重要课题,特别是在智能交通系统中,它涉及到对车辆的各类特性,如颜色、视角、车型、品牌等的自动识别。近年来,随着深度学习技术的发展,尤其是卷积神经网络(CNN)的应用...

    教育科研-学习工具-一种670笔头.zip

    此资源包详细阐述了被命名“670笔头”的学习工具,虽然其具体属性与用途尚未明确,我们可以通过分析标题、描述、标签和概要内容,对其内容和作用进行合理推断。 首先,“教育科研-学习工具”明确指出资源包的定位和...

    Java Web 标签大全

    Java Web 标签大全是Java Web开发者不可或缺的参考资料,它涵盖了在开发Web应用程序时常用的各类标签,旨在提高开发效率并简化代码。这个CHM文件很可能包含了大量的Java Web开发中的JSP标准标签库(JSTL)和自定义...

    Android各类图表

    "Android各类图表"这个主题涵盖了多种图表类型,如柱状图、圆形图和折线图,这些都是数据可视化的基本元素,能够帮助用户快速理解复杂的数据信息。 MPAndroidChart是一个流行的开源库,它提供了丰富的图表功能,...

Global site tag (gtag.js) - Google Analytics