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/>标记属性:

    相关文章

      网友评论

        本文标题:Day02笔记

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