`
cherrypig3
  • 浏览: 39621 次
  • 性别: 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 超级标签 织梦

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

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

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

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

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

    MFC各类控件入门学习

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

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

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

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

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

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

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

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

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

    Java Web 标签大全

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

    Android各类图表

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

    S10004.0版技术手册Schema元素属性使用详细说明

    1、资源内容:详细描述和解析...2、使用/学习目标:通过学习,可以有效加深和理解各类元素属性标签的使用情况,有助于手册数据编制过程和相关软件功能的开发工作 3、应用场景:应用与数据模块编制过程和软件工具的开发

    jpivot学习总结.doc

    controllerURL 否 String 是 链接到 JPivot Controller 的 URL ,该属性在一些复杂环境下比如 Portal 之类就很有用。 4.3. chooseQuery 从前面创建的若干个查询当中选择一个合适的查询(通过查询名称进行选择...

    jsp 网上学习系统

    - **学习资源**:上传、下载、预览各类学习资料。 - **讨论区**:用户间的互动交流,提问和回答。 - **成绩管理**:记录用户的学习进度和成绩。 - **权限控制**:管理员可进行用户管理、内容审核等操作。 **...

    天池大数据竞赛:FashionAI全球挑战赛——服饰属性标签识别竞赛源代码.zip

    以下是一些分析: 首先,学科竞赛是提高专业知识和技能水平的有效途径。通过参与竞赛,学生不仅能够深入学习相关专业知识,还能够接触到最新的科研成果和技术发展趋势。这有助于拓展学生的学科视野,使其对专业领域...

Global site tag (gtag.js) - Google Analytics