ZuoTi.Pro
Question

I need a small website that to where I need to interlink a CSS file into...

I need a small website that to where I need to interlink a CSS file into the HTML file. I don't know to save the files to have to be able to run with the CSS attributes show up in the browser when I do click the "open with" after I click on the saved HTML file. Basically when I copy files from the internet, to see if the HTML and CSS would interlink and run, the HTML would run and show the site, but the colors and font, CSS attributes, does not show up. The site is only black and white as if the html file was only ran. Please help me write a html file and CSS file, to write a website. The CSS file and the html file separately and then instruct me how to how to save the files and tell me how to get the program to run. The small program I did write would not run and so I deleted the program, can you help me? The files have to include the following: <link rel=”stylesheet” type=”text/css” href=”style_guide.css”>

Additional information>>

edit the css file provided as an example to match the colors and styles you want for your own website. Or create a simple css of your own keeping in mind it has to incorporate all the required elements in the assignment...
The HTML page provided is your base, unless you wish to give me another page of your own design but including all the points (requirements) mentioned in the assignment and html page and showing them clearly.

All the requirements are supposed to be called into the html page using the css file (updated one, or a new one you create).

Font
Color Theme
Headings (H1, H2, H3)
Buttons
Form Elements (inputs and labels, checkboxes and radio buttons)
Contextual website messages (Success, Warning, and Error)
Make sure that all elements retain a consistent look and easily communicate their use to the audience.

Thank you so much.

engineering   Computer-Science   
0 0
Add a comment Improve this question Transcribed image text
Next > < Previous
Sort answers by oldest

Homework Answers

Answer #1

I think the problem is that you are not saving your both HTML and CSS files in a single folder .

If they are not in a single folder, only HTML structure is shown in the browser and no CSS property is seen in the browser.So you have to keep both files in a single folder.

First of all you have to create a HTML file and include all the HTML elements in it.

If you want to style your HTML elements then you have to use CSS.

For including your CSS file in the HTML file you have to link CSS in the <head></head> tag using:

  <link rel=”stylesheet” type=”text/css” href=”CSS_FILE_NAME.css”>

I would like to recommend you Sublime Text editor for HTML and CSS

Example is shown below:

HTML file-----------------------------------------------------

 <!DOCTYPE html> <html> <head>  <title>Simple Webpage</title>       <link rel="stylesheet" type="text/css" href="style_guide.css"> </head> <body>         <div class="heading">             <h1>This is h1</h1>                 <h2>This is h2</h2>                 <h3>This is h3</h3>         </div>    <br>      <div>             <button>Submit</button>     </div>    <br>      <div>             <form>                    <p>INPUTS</p>                       <label for="name">Name:</label>                     <input type="text" name="name" placeholder="Enter your name">                     <br>                      <label for="email">Email:</label>                   <input type="email" name="email" placeholder="email">                     <p>Example of radio button</p>                      <p>Please select your gender:</p>                   <input type="radio" id="male" name="gender" value="male">                         <label for="male">Male</label><br>                    <input type="radio" id="female" name="gender" value="female">                     <label for="female">Female</label><br>                        <input type="radio" id="other" name="gender" value="other">                       <label for="other">Other</label><br>                  <p>These are checkboxes</p>                         <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">                        <label for="vehicle1"> I have a bike</label>                        <br>                      <input type="checkbox" id="vehicle2" name="vehicle2" value="Car">                         <label for="vehicle2"> I have a car</label>                         <br>                      <input type="checkbox" id="vehicle3" name="vehicle3" value="Boat">                        <label for="vehicle3"> I have a boat</label>                        <br>                      </form>           <br>                      </div> </body>                       </html>

Corresponding CSS file:-------------------------------------------

 body{         background-color: pink;         font-family:sans-serif; } .heading{     text-align: center;     background-color: hotpink; } .heading:hover{    color:rgb(120, 239, 255); } button{     color: black;   background-color: cyan; } form{         background-color: white;        text-align: left; }

For contextual website alerts you have to use bootstrap which is a CSS framework used for better styling and colors ,buttons and lot more.You have to download it and then link it in your HTML file.

0 0
Add a comment
Know the answer?
Add Answer to:
I need a small website that to where I need to interlink a CSS file into...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Log In

Sign Up

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT