2017-06-21 107 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