- Make your own navigation bar.
- HTML Header elements:
- <base> defines the default link address for page link labels
- <style> defines the style of the HTML document
- <link> defines a relationship between a document and an external resource
- Practice Style Sheet:
- Inline style sheet
- Inline style sheet
- External style sheet
- Practice defining three categories of selectors, respectively:
- HTML Selectors
- Class Selector
- ID Selector
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Title</title> <Basehref= "Http://www.gzcc.cn/2016/images/banner.png"Target= "_blank"></Head><Body><nav> <aHerf=""><imgsrc= "Http://www.gzcc.cn/2016/images/banner.png"></a> <ahref= "www.gzcc.cn">Home</a> <inputtype= "text"name= "Search"> <Buttontype= "Submit">Search</Button> <aHerf="">Login</a> <aHerf="">Registered</a> <spanstyle= "Background-color:green">Login</span></nav></Body></HTML>
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Title</title> <Linkrel= "stylesheet"type= "Text/css"href= "10.181.css"></Head><Body> <Pclass= "Textblue">Campus information</P> <H1class= "Textblue">Campus information</H1> <H3><spanID= "Commentcount">1218</span>Comments</H3></Body></HTML>
p{ color:blue; } . textblue{ color:blue; } #commentcount { background-color: #FFD700;
Navigation, head, CSS Basics