基本标签与属性
<html>全部
<body>主体
<h1>标题
<p>段落
<br>空行,一般都会额外添加,并不总是需要自己添加,可以在<p>中使用
<a href="url">链接
<img src="a.jpg" width="104" height="142">图片
<hr/>水平线
<!注释写在里面>
1、如果在很多网页中定义,需要用到外部样式表,调用方式是在<head>中使用<link>。
2、如果在一个网页的多处定义,需要用到内部样式表,调用方式是在<head>中使用<style>。
3、如果只在一处定义,需要用到内联样式,调用方式是在相关的标签中使用样式属性,属性名称是style。
具体更加深入的应用,需要参照css。
样式
外部样式表的一个例子:
<head>
<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
</head>
内部样式表的一个例子:
<head>
<style type="text/css">
h1 {color: red}
p {color: blue}
</style>
</head>
链接与图像
链接使用标签<a>,共有两种方式:
1、使用href属性,创建一个对外的链接——指向其他文档。
2、使用name属性,创建一个对内的链接——指向本文档的其他位置。事实上,name属性只用于创建“锚”(也就是书签),如果想链接到书签,还是要使用href属性,
另外比较常用的属性有
target:以何种方式打开链接,_blank表示在新窗口中打开,_self表示在当前窗口打开,如果在框架之内要跳出框架,要用到_top。
调用例子:
外部链接:<a href="http://www.cnblogs.com/yesuuu/" target="_blank">yesuuu的博客</a>
内部链接:<a name='yesuuu'>这里是要链接到的位置</a>
<a href="#yesuuu">这里是链接</a>
如果想要链接到其他文档的锚的话,只需要用如下的语法
<a href="url#yesuuu">这里链接到其他文档的锚。
图片使用标签<img>,注意这是空标签,即后面没有内容,调用方式为<img blahblah />
属性主要有
src:图片source,url。
alt:如果图片无法加载,替换的文本。
align:定义图片的位置。
width,height:定义图片的大小