HTML课堂笔记02-21

列表类型和标记符号

列表类型	标记符号
定义列表	dl
无序列表	ul
有序列表	ol

无序列表

语法：

<ul>

</ul>

<ul>：符号标签（○●■）

type属性：disc ● ( 默认) circle ○ square ■

ul二层嵌套的时候，如果都没有说明type的属性是什么，那么第一个ul下显示的是disc ●，第二个显示的是circle ○。

有序列表

语法：

<ol>

<li>项目名称</li>

</ol>

ol的属性type的默认属性是阿拉伯数字，type的值类型有1、a、A、i、I，5种。

超链接标签

创建超链接的标签为<a>和</a>，使用格式如下：
<a href=“资源地址” target=“是否在新窗口显示” title=“指向链接时显示的文字”>

_parent	在上一级窗口中打开，一般使用分桢的框架页会经常使用
_blank	在新窗口打开
_self	在同一个框架或窗口中打开，该项一般不用设置
_top	在浏览器的整个窗口中打开，忽略任何框架

链接路径

绝对路径：包含了标识Internet上的文件所需要的所有信息，包括完整的协议名称、主机名称、文件夹名称和文件名称。格式为：

通信协议://服务器地址:端口号/文件位置…/文件名

http://ww.sina.com.cn/web/index.html

– 根路径：根路径文件夹地址的写法，首先以一个斜线开头，代表根目录，然后书写文件夹名，最后书写文件名。例如，/myweb/index.html

！！！不建议使用根路径

相对路径：是以当前文件所在路径为起点，进行相对文件的查找。

相对路径	含义
href=“index.html”	index.html是本地当前路径下的文件
href=“web/index.html”	Index.html是本地当前路径下web子文件夹下的文件
href=“../index.html”	index.html是本地当前文件夹的上一级文件夹下的文件
Href=“../../index.html”	index.html是本地当前文件夹的上两级文件夹下的文件

锚记标

发送E-mail：在html页面中，可以建立e-mail链接，当浏览者单击链接后，系统会启动默认的本地邮件服务系统发送邮件，格式为：

<a href=“mailto:e-mail地址?subject=邮件主题”>
描述文字

</a>

subject：电子邮件主题 cc：抄送收件人

body：主题内容 bcc：暗送收件人

多个参数间用“&”分隔

地址和邮件主题之间要用？隔开

LINK 颜色的设置

• 基本格式：<body link=”颜色” alink=”颜色” vlink=”颜色”>

• link 超链接尚被选中的文字

• alink 超链接点选但未被放开的颜色

• vlink 超链接已被点选过的颜色

图像标签

<img>标签：用于在网页中插入图像内容。

– src属性：用于设置图像文件的相对或绝对URL地址。

HTML的图像文件类型有以下三种：

– GIF：是图形和图片的最佳格式，适用于透明或动画图形。

– JPG或JPEG：更适合存放照片

– PNG：拥有许多JPEG与GIF的共同优点，所以最近越来越流行。

图像文件名的路径分为绝对路径和相对路径两种：

– 绝对路径指的是将图像文件的全部路径都写出来，一般用于显示其他网站上的图像文件。

– 相对路径就是写出相对于当前html文件所在的目录，一般用于图像文件在本网站中的情况。

注意：

ü 通过设置width属性和height属性可以控制图像的显示宽度和高度，他们的长度单位可是百分比，也可是像素。

ü Width属性和height属性的设置只是改变了图像的显示尺寸，图像文件的实际大小不会因此而发生变化。如果width和height的设置值和图像实际尺寸不一致时，还会影响图像的显示效果。

ü 因此，图像的大小应该在图像处理软件中进行调整。设置width和height的另一个好处是他们可以在图像被完全下载之前让浏览器知道该用多大的空间来显示图片，这样浏览器可以更快显示出美观的页面。

<IMG> 标签用于在 HTML 文档中插入图像。<IMG>标签的两个常用属性是 SRC和 ALIGN。

SRC 属性用于指定要插入的图像位置。

ALIGN 属性用于指定图像相对于文本的对齐方式。

图像的边框的属性border的属性值是数字，如果属性值是0，那么图像无边框。

空隙的设置

Vspace的属性值是像素是表示垂直上下两端与物体的距离

Hspace的属性值是像素是表示水平左右两端与物体的距离

用图像作为超链接

格式:

注意点:边框的问题.

可通过border=“0”去掉边框

图像的映射

语法：

<img src=”URL”usemap=””></img>

<map name＝””>

<area shape=”” cords=” , , , ” href＝”URL”>

</map>

转载于:https://www.cnblogs.com/javaTest/archive/2012/02/23/2589495.html

HTML课堂笔记02-21相关推荐

Nodejs课堂笔记02
第3天课堂笔记 ##1. 知识点模块系统核心模块 1. 文件操作的fs 2. http服务的http 3. url 路径操作模块 4. path 路劲处理模块 5. os 操作系统模块第三方模块 ...
最优化课堂笔记02：第二章线性规划
第二章线性规划(重点:单纯形法) 1.线性规划问题及其模型(重点:标准形式) 题型:是否为标准形式?不是的话化为标准形式! 1)问题的提出提出问题:利率最大化??? 确定决策变量>> ...
AI公开课：19.02.27周逵(投资人)《AI时代的投资逻辑》课堂笔记以及个人感悟
AI公开课:19.02.27周逵(投资人)<AI时代的投资逻辑>课堂笔记以及个人感悟目录课堂PPT图片精彩语录个人感悟课堂PPT图片精彩语录更新中-- 文件图片已经丢失-- ...
AI公开课：19.02.20 雷鸣教授《人工智能革命与机遇》课堂笔记以及个人感悟
AI公开课:19.02.20 雷鸣教授<人工智能革命与机遇>课堂笔记以及个人感悟导读:最近几年,NLP方向算法发展很迅速,尤其是前几天的OpenAI的数据集更多,15亿参数模型,性能更好 ...
AI公开课：19.03.21钱诚/雷鸣等教授或专家《寒武纪-深度学习处理器》课堂笔记以及个人感悟
AI公开课:19.03.21钱诚/雷鸣/汪玉/侯晓林等教授或专家<寒武纪-深度学习处理器>课堂笔记以及个人感悟导读:如果大家去创业的话,一定要看清未来的大趋势,看对赛道,当然,还有人才. ...
狂神说es笔记_人教版七上英语Unit5电子课本音频+课堂笔记+课后同步习题
1人教七上英语Unit5单词七年级英语上册Unit 5单词默写 1做:干(助动词)__________ 2做,干(助动词第三人称单数形式)__________ 3有__________ 4网球__ ...
0611课的预习任务 + 0612课堂笔记
5.1~5.9 监控 Linux 系统状态监控 CPU 的命令 w 查看系统负载 [root@arslinux-01 ~]# w 20:13:49 up 1 min, 1 user, load av ...
圣思园java.doc_北京圣思园java课堂笔记.doc
北京圣思园java课堂笔记.doc JAVASELesson11.类是一种抽象的概念,对象是类的一种具体表示形式,是具体的概念.先有类,然后由类来生成对象(Object).对象又叫做实例(Instan ...
opencv学习笔记02
原创博文地址:opencv学习笔记02 OpenCV-Python教程:11.图片阈值 https://www.jianshu.com/p/267a32ad0a23 cv2阈值处理:https://b ...
计算机网络微课堂笔记
计算机网络计算机网络微课堂笔记总结视频地址:https://www.bilibili.com/video/BV1c4411d7jb 文章目录计算机网络第一章概述 1.1 计算机网络在信息时 ...

HTML课堂笔记02-21

HTML课堂笔记02-21相关推荐

最新文章

热门文章