A .css of reference
link tag: introducing external resources
< link rel="stylesheet" type="text/css" href="外部样式.css" >
Set small icons on the page icon: web icons
<link rel="icon" href="../../7.jpg">
Inline styles of the three priority introduction, the second
inline style usage scenarios: the development of very small projects and classroom practice, can be used.
<style type="text/css">
.box{
background-color: blue;
}
Style between the lines of the three priority introduction, the highest
among the line style usage scenarios: When you modify a small number of styles, here the writing.
<div style="width: 200px; height: 200px; background-color: red">
II. Pictures with Hyperlinks
Absolute path and relative path
absolute path: from the (disk) to the next (something looking) to find. Such as: Folder / address.
Relative path: starting from their own, to find the target. Looking out of a directory on a file: ... /
1) link label
hyperlink: refers to point to a goal from a web link relationship, this goal can be web pages, images and so on.
target property
target: where to open a new page
== _blank ==: open in a new window
_self : In the current window opens, the default value
<a href="文档结构.html" target="_self" title = "">文档</a>
hrefIs used to specify the address of the link, the page file may be, it can also be a picture,Null link is represented by "#"; title: Hover prompt information;.
2) image tag img
Attributes
src represents the "source" means. Value "src" attribute is the URL of the image to be displayed.
width width
height height
alt displays an "interactive text" to the image. Generally used for text image loading fails when prompted.
title : Mouse outdated text display (helpful for SEO)
border : add a border to the picture
3) picture hyperlink
course not only can the text as a hyperlink, the picture made into a hyperlink is also possible, as long as the < a> nested within a tag <img> to. Images and text alignment:align: top/bottom/middle
<a href="表格.html">
<img src="../11.jpg">
</a>
4) scrollable marquee
scrollable <marquee> scrolling text or image </ marquee>
Scroll all the way
Scroll only once to stop
<marquee behavior="slide">...</marquee>
Rolling cycle, the default effect
<marquee behavior="scroll">...</marquee>
Alternate back and forth to scroll
<marquee behavior="alternate">...</marquee>
Scroll direction
Down, up, right, left
<marquee direction="down">...</marquee>
<marquee direction="up">...</marquee>
<marquee direction="right"></marquee>
<marquee direction="left"></marquee>
The number of rolling default value is -1, the scroll will continue the cycle continues
<marquee loop="2">...</marquee>
Scroll interval
<marquee width="180">...</marquee>设定宽度
<marquee height="30">...</marquee>设定高度
scrollamount movement velocity
