Day02笔记

作者: 兔子和猪 | 来源:发表于2017-02-15 21:05 被阅读0次

一、HTML常用标签

1、body标签:

用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于标记内,标记中的信息才是最终展示给用户看的。

一个HTML文档只能含有一对<body>标记,且标记必须在标记内,位于头部标记之后,与标记是并列关系。

2、标题标签h1-h6:

标题1到6数字不是定义标题的样式大小,而是定义标题的在整个页面中的权重。

标题标签只能 嵌套 行内标签。

3、段落标签:p

行内标签。

4、水平线标记hr,换行标签 br,水平线标签 hr

5、文本节标签:span

6、定义着重文字,文字以斜体显示:em;

定义加重语气,文字以粗体形式显示:strong;

定义下标字:sub;定义上标字:sup;

定义删除字,给文字加删除线:del,s;

文字加下划线:u,ins。

二、超链接与图片

1、超链接

超链接标签:a ,

<a href="跳转目标" target=“目标窗口的弹出方式”>超级链接内容</a>;

href属性:指向跳转的地址

target属性:blank:新窗口打开;self:默认值;

锚点链接:

使用<a href="#id名">链接文本<\a>创建链接文本。

使用相应的id名标注跳转目标的位置。

2、相对路径与绝对路径

相对路径:

图像文件和html文件位于同一文件夹:只需输入图像文件的名称即可,如<img src="logo.gif"/>;

图像文件位于html文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如<img src="img/img1/logo.gif"/>;

图像文件位于html文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如<img src="../logo.gif"/>.

绝对路径

绝对路径一般是指带有盘符的路径。例如:

“D:\HTML+CSS网页制作\chapter02\img\logo.gif”,或完整的网络地址,例如“http://www.itcast.cn/images/logo.gif”。

三、常用图像格式:jpg,png,gif;

gif和png基本差不多,色彩比较少的直接gif,如果图片动画用gif。对色彩要求高的用jpg。

四、图像标记属性

<img/>标记属性:

相关文章

  • 阿福投资笔记学习之派~理财篇

    阿福投资笔记复训 学员:Spring 2019、5、21 DAY02 货币基金风险低、流动性好 债券型基金从基金资...

  • 100天iOS数据结构与算法实战 Day02 - 栈

    100天iOS数据结构与算法实战 Day02 - 栈 100天iOS数据结构与算法实战 Day02 - 栈

  • day02作业

    day02作业 效果图: 代码:

  • day02 数据库的curd操作

    准备:先将创建项目,参照day01的创建day02项目配置day02的init.py文件、setting.py文件...

  • Javascript笔记(Day02)

    1、日常开发中,一般使用构造函数与原型结合的方式,构造函数用于定义实例属性,原型对象用于定义方法和要共享的属性。这...

  • Java笔记 Day02

    1、演示变量以及使用 变量的创建:byte b = 1;数据类型:byte变量名:b ---- 标识符赋值符号: ...

  • Java笔记 day02

  • redis笔记-day02

    geospatial地理位置 Redis的Geo可以推算出地理位置信息,两地之间的距离 geoadd 添加地理位置...

  • maven笔记day02

    maven使用 1、maven项目的核心是pom.xml(Poject Object Model ,项目对象模型...

  • shell 笔记 Day02

    条件测试 一:语法格式 test 选项 参数 或者 [选项 参数] 字符串比较基本语法 1.是否为空 ...

网友评论

    本文标题:Day02笔记

    本文链接:https://www.haomeiwen.com/subject/ymjxwttx.html