HTML学习笔记
<html> 与 </html> 之间的文本描述网页。
<body> 与 </body> 之间的文本是可见的页面内容。
<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。
<h1> - <h6>:html标题。
<p> 标签:段落。
<a> 标签:html链接。例:<a href="www.example.com">Link Text</a>
<img> 标签:图像。例:<img src="image.jpg" width="1024" height="768" />
alt 属性定义一段可替换文本
<body background="/i/eg_background.jpg">可以定义背景图像。如果图像小于页面,会重复。
用图像做链接:
<a href="/example/html/lastpage.html"> <img border="0" src="/i/eg_buttonnext.gif" /> </a>
<br />:换行。该元素在调用时即被关闭。
<hr /> :插入水平线。
<b>加粗
<strong>加粗
<big>加大
<em>强调
<i>斜体
<sub>下标
<sup>上标
<pre>:预格式文本,即保留空格和换行输出。
<code><kbd><samp><var>计算机输出标签,可用于显示代码。
<address>显示地址
<abbr><acronym>:缩写标签,当鼠标移动到字符上时显示全写。
例:
<abbr title="etcsfetera">etc.</abbr>
<acronym title="World Wide Web">WWW</acronym>
<blockquote>块引用
<del>删除线
<ins>下划线
<style>样式标签
<style type="text/css"> h1 {color: red} p {color: blue} </style>
<a href="www.example.com" style="text-decoration:none">可以显示没有下划线的链接。
<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >可以链接到外部样式表。
<p style="color: red; margin-left: 20px"
>在标签中定义样式
<div>定义文档中的区域
例:
<div style="color:#00FF00"> <h3>This is a header</h3> <p>This is a paragraph.</p> </div> <div class="news"> <h2>News headline 1</h2> <p>some text. some text. some text...</p> </div>
<span> 定义文档内的小块区域
锚:用于跳转到同一页面特定位置的超链接
<a name="label">锚(显示在页面上的文本)</a>
命名锚
<a href="#label">跳转</a>
<a href="www.example.com#label">从外链跳转到锚</a>
跳转到锚
<!-- HTML comment -->
属性值必须带引号。
适用于大多数 HTML 元素的属性:
class:规定元素的类名
id:规定id
style:规定元素的行内样式
title:规定元素的额外信息(可在工具提示中显示)