今天整理更新了一些之前的陈旧的知识,这次知识的更新让我对html又有了一个不一样的认识。
1.html的基本元素
<html>
<!--这是注释-->
<head>
<title>这里是标题</title>
</head>
<body>
<h1>这是标题</h1>
<h2>标题字体大小逐渐减小</h2>
<br/>---换行
<hr/>---一条水平线
</body>
</html>
1、span表示一段文本
2、div定义一个块
3、p定义一个段落
<span>a</span><span>b</span><span>c</span>其中三个显示效果分别为:
<div>a</div><div>b</div><div>c</div>
<p>a</p><p>b</p><p>c</p>
2、文本格式相关元素
<b><strong>粗体文本
<i>斜体<em>强调文本,均可以定义各种属性
<sup><sub>分别定义上标文本下标文本
<bdo dir="ltr">从左到右的文本
<bdo dir="rtl">从右到左的文本
3、语义相关元素
<abbr>HTML</abbr>表示一段缩写
<address>表示一段地址
<q>引用文本
<cite>表示作品
<blockquote>一段长的引用文本,可定义cite属性
<pre>预格式化文本
<dfn>HTML</dfn>定义一个专业术语
<code>表示一段计算机代码
<samp>示范文本
<kbd>定义键盘文本
上面这些元素都可以将一些文字包裹起来,没有特殊的显示
<var>表示一个变量
4、a元素添加超链接或锚点
<a href="http://www.baidu.com" target="_blank " download="下载文件默认文件名" type="指定链接文档的类型" ></a>
media url做引用的媒体类型
锚点: <a name="text">text</a>
定位锚点 <a href=a="#text"></a>
5、列表相关元素
<html>
<!--定义无序序列-->
<ul>
<li>csdn博客</li>
<li>csdn博客</li>
<li>csdn博客</li>
</ul>
<!--定义反序的有序序列-->
<ol reversed="true">
<ol start="3">
<ol type="a"">
<!--定义小写罗马数字-->
<ol type="i" start="4">
<li>csdn博客</li>
<li>csdn博客</li>
<li>csdn博客</li>
</ol>
</html>
<dl>
<dt>java</dt>
<dd>java是一种广泛使用的、跨平台的开发语言</dd>
</dl>
<dt><dd>只能使用在<dl>中间
6、img元素添加图片
<a hred="http://www.baidu.com">
<img src="logo.jpg" width="300"; height="120" ismap alt="java的Logo" title=“”显示“”/><br/>
</a>
<map name="test" id="test">
<area shape="circle" coords="57,55,25"
href="http://www.baidu.com" alt="baidu"/>
<area shape="poly" coords="188,28,185,50,200,74,224,72,246,51"
href="http://www.baidu.com" alt="anotherbaidu"/>
</map>
src后面加的是图片地址或链接
width height设置图片大小
ismap将用户点击图片坐标发送给服务器 (在地址栏可以看到显示)
alt对图片进行解释
title 当鼠标停留在图片时候的显示
map定义一个区域 类似于锚点 点击定位链接
shape为区域形状
coord为区域坐标
好,今天就先复习到这里 明天再来