网页制作学习笔记

元素img及其属性

图像元素img

img:图像属性<img>用来在页面中显示一个图片


src:定义一个调用图片的路径


注意:src属性是<img>元素中必须含有的属性


width:定义图片元素的宽度


height:定义图片元素的高度


alt:图片路径错误,替代图片的文本


例:

<img src="fj.jpg" style="width:150px;height:150px" alt="图片未加载">

元素address和cite

address

地址元素<address>用来在内容中定义地址的相关内容;

显示效果

在常用的浏览器中,会将<address>元素所包含的内容用斜体显示;


小作业:a链接与列表

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <meta http-equiv="X-UA-Compatible" content...

元素a

a

定义超链接,用于从一张页面链接到另一张页面;

属性:

href  链接地址

target  打开方式

 _blank
_parent
_self
_top
framename;

<a href="http://www.baidu.com" target="_blank">百度</a>


定义列表元素dl

dl

用来定义类似术语或者词汇表的列表信息,其中的具体条目信息,一般包括术语(或词汇等内容),术语解释两个部分;

dt

定义<dl>元素中一个具体的条目,可以使用文本,图片等元素;

dd

用来定义<dl>元素中一个具体的条目说明;

<dl>中国省份

    <dt>安徽

        <dd>合肥</dd>...


列表ol和li

ol

有序列表元素<ol>,用来定义有顺序编号的列表元素;

li

每一个列表里面具体的值,也就是列表中的条目;

type

项目符号的类型属性type,用来指定列表条目前的项目符号(列表条目前的修饰部分)的类型

列表ul和li

ul

无序列表元素<ul>用来定义没有顺序编号的列表元素

li

每一个列表元素里面具体的值,也就是列表中的条目;

type

是个类型属性,用来指定列表条目前的项目符号(列表条目前的修饰部分)的类型;

元素sub和sup

sup

用来使包含的文本内容以上标的方式显示;

<sup>元素中的文本的底部,将在普通文本的一半高度上显示;

sub

下标元素<sub>用来使包含的文本内容以下标的方式显示;

<sub>元素中的文本的顶部,将在普通文本的一半高度上显示;


元素big和small

big

放大元素<big>用来使包含的文本增大 一号显示;

注意:如果当文本内容已经是最大字号时,将不能继续增大;

small

缩小元素<small>用来使包含的文本缩小一号显示;

注意:当文本内容已经是最小字号时,将不能继续变小;


元素b和元素i

b

加粗元素<b>用来使包含的文本加粗显示;

i

斜体显示元素<i>,用来使包含的文本内容以斜体的方式显示。