【html】html笔记综合

基本标签与属性

<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:定义图片的大小

 

posted on 2017-05-27 14:13  yesuuu  阅读(140)  评论(0编辑  收藏  举报

导航