2017-06-21 168 views
0

我需要幫助創建包含#header,#footer和#main的div的代碼。我只是不確定它在代碼中的位置。我用css樣式表創建了一個簡單的html頁面。我並沒有要求任何人爲我編寫代碼,因爲我真的想要爲我的課程學到這些,但一些指導將會很棒。該頁面是一個簡歷,頭文件中有我的聯繫信息,頁腳中有版權聲明。簡歷內容將放在主要部分。非常感謝您提供的任何幫助!頁眉/頁腳/主代碼

下面是我在之前的任務中所建立的基礎。

CSS樣式表...

body { 
background-color: rgb(184, 179, 173); 
} 

.header{ 

h1{ 
font-family:"Impact", Charcoal, "sans-serif"; 
color: rgb(217, 89, 0); 
margin-left: 20px; 
font-size:65px; 
text-align: center; 
} 

h2{ 
font-family:"arial black", gadget, "sans-serif"; 
color: rgb(242, 125, 0); 
margin-left: 20px; 
font-size:40px; 
text-align: center; 
text-decoration: underline; 
} 

p{ 
font-family:"arial", arial, "sans-serif"; 
color: rgb(51, 53, 36); 
margin-left: 32px; 
font-size:20px; 
text-align: left; 
text-indent:-32px 

} 

img { 
    display: block; 
    margin: 0 auto; 
    width:230px; 
    height:320px; 
} 

HTML頁面...

<!DOCTYPE html> 
<html> 
<head> 
<link rel="stylesheet" type="text/css" href="JillBowman2.css"> 
</head> 
<body> 

<h1>Jill Bowman</h1> 
<img src="https://s26.postimg.org/9p6vuu5i1/JBowman.png" alt="Jill-Bowman-Photo"> 
<br> 
<h2>Education</h2> 
<p>Bachelor of Science - Elementary Education<br> 
Oklahoma State University - Stillwater, OK<br> 
May 2010</p> 
<br> 
<p>Master of Education - Educational Technology <br> 
University of Arkansas - Fayetteville, AR<br> 
Anticipated December 2018.</p> 
<h2>Educational Experience</h2> 
<br> 
<p>6th Grade Math Teacher - McKinney, TX<br> 
From August 2015 - June 2017 I was employed by McKinney Independent School District as a 6th grade math teacher at Dowell Middle School. During my time at Dowell I taught on-level, Pre-AP, and GT. I was the NJHS sponsor and coordinated a fundraising campaign that raised over $10,000 for the Leukemia and Lymphoma Society. I was also the Academic UIL coach for Calculator Applications and Number Sense. My students consistently placed in the top 5 in both events. In the 2016-2017 school year, 59% of my students scored at the highest level on the STAAR test.</p> 
<br> 
<p>8th Grade Math Teacher - Carrollton, TX<br> 
From August 2014 - June 2015 I was employed by Carrollton-Farmers Branch Independent School District as an 8th grade math teacher at Dan F. Long Middle School. While at Long, I taught Algebra 1 and 8th grade math. I implemented a blended classroom with the use of 1-to-1 iPads. I was also the head cheer coach and StuCo sponsor at Long.</p> 
<br> 
<p>Middle School Math Teacher - Tulsa, OK<br> 
From August 2012 - June 2014 I was employed by Tulsa Union Public School as a math teacher at the Union 6th/7th Grade Center. While at U6/7 I taught all levels of math to 6th and 7th grade. I was also the leader of two after school clubs. One of my clubs talked about current events and the other taught the students how to cook easy and healthy meals for their families. I was also the afternoon detention teacher. </p> 
<br> 
<p>7th Grade Math Teacher - Liberal, KS<br> 
From August 2011-May 2012 I was employed by Liberal USD 480 as a 7th grade math teacher at West Middle School. While at WMS, I taught various levels of 7th grade math. I was also responsible for security at all sporting events. </p> 
<br> 
<p>6th Grade Core Teacher - Liberal, KS<br> 
From August 2010 - May 2011 I was employed by Liberal USD 480 as a 6th grade core teacher at Cottonwood Intermediate School. I was responsible for teaching my students math, science, social studies, and language arts. While at CIS I worked for Project BEST which was an after school enrichment and remediation program. </p> 
<br> 
<h2>Showcase</h2> 
<br> 
<p>As a requirement for one of my master’s classes, I built a website with various technology tutorials. Please visit my page by clicking <a href="https://jeb029.wixsite.com/website"> here.</a> 
<h2>Contact Me</h2> 
<p>Feel free to contact me via <a href="mailto:[email protected]">Email.</a></p> 
</body> 
</html> 
+0

你能分享你已經有的任何代碼嗎? –

+2

編輯你的問題與你的代碼請 –

+0

編輯,包括我到目前爲止的代碼。我們要做一個基本的html鏈接到前一個作業中的樣式表。現在我們正在用#header,#footer和#main添加div ......我們以前做了一個CSS盒模型,我們使用了div,但我不明白如何合併這兩個....這個課程如果我第一次編寫代碼非常抱歉,我是一個完整的新手! – JillyBPokes

回答

1

從我的理解,你已經在你的HTML文件中引用的樣式表。所有你需要做的就是添加一個div元素,它只是一個容器,並「調用」各種css定義。我覺得你的INTIAL嘗試工作得很好,但你不完全調用頭CSS定義:

<div class="header">Header</div>

在一天結束的時候,我只是建議你看看這個如果你仍然需要幫助:Simple div with header,footer and body

+0

謝謝你的幫助。我曾經看過那個鏈接,但我很難理解這一切。 – JillyBPokes

+0

沒問題。如果我的回答足夠了,您能否將其標記爲您接受的答案?先謝謝你。 – Ragxion