HomeworkLib
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

  • Can someone plz help me??? I would like a website that has to do with guitars...

    Can someone plz help me??? I would like a website that has to do with guitars or something to do with music, someone asked me what kind of website I would like to have and that would be awesome. The attributes to be included, are below. 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...

  • // I need help in creating and publishing a website with two pages for this assignment,...

    // I need help in creating and publishing a website with two pages for this assignment, I am new to this and need a bit of help as to what and how many HTML files I need to create, and CSS files. If anyone could send me a sample code or anything to start out with it would be appreciated ! I have attached the specifications and requirements below CPI 101 Introduction to Informatics Homework #1 Check Out My Website!...

  • Answer ASAP please Project l All assignments must be submitted as a zip file through blackboard...

    Answer ASAP please Project l All assignments must be submitted as a zip file through blackboard that contains all elements necessary (HTML, CSS, Images, etc)-I will be unzipping the files and opening them from and running them in Visual Studio Code's Live Server Using HTML and CSS, create a personal website for yourself. The purpose of this site will be to act as a home page and portal and should show off both your HTML and CSS skills along with...

  • 1. An _____ lets you place all of your CSS style definitions within one file that...

    1. An _____ lets you place all of your CSS style definitions within one file that you then reference from within each of your HTML page files. Group of answer choices external style set external sheet external style sheet external set sheet 2. Why should a designer use an external style sheet? Select all that apply. Group of answer choices One file controls all style elements for the entire website Removes the need to use HTML Make changes quickly External...

  • Use Java Please File 1 and File 2 at bottom of post. 1. Write a program...

    Use Java Please File 1 and File 2 at bottom of post. 1. Write a program that compares two text files for equality. Print out any lines that are different along with the line number. 2. Include the following: File I/O Exception Handling using a Try/Catch Block Algorithm: Initial and Refined Internal Documentation All prologue information The two external files 3. Use the following two files: File1.txt and File2.txt. These files are included. I have also attached zip files containing...

  • Can you create a basic website using HTML or CSS that doesn’t require a web server...

    Can you create a basic website using HTML or CSS that doesn’t require a web server to run. Couldn't you just store the html or css doc in File/Window Explorer? Would it only need to be stored on a web server if I wanted to view it through the Internet?

  • Given below are Html files then css file i need the javascript according to that see...

    Given below are Html files then css file i need the javascript according to that see the last photos for the detailed description of what you have to do...i need solution for this! Javascript

  • Create a CSS-styled Table Page For this Assignment you will first read the appropriate chapters in...

    Create a CSS-styled Table Page For this Assignment you will first read the appropriate chapters in the textbook and then a create web page, for example called table.html, in your ubunix.buffalo.eduaccount just as you did in Home Page Assignment. Assignment Requirements Your new web page should utilize the following HTML tags and include the following: A <body> tag that uses an appropriate style value to change the background color of the web page. Appropriate <table>, <tr>, <th>, and <td> tags...

  • I need html and CSS code to create an Ice Cream Shop website . Thank you

    I need html and CSS code to create an Ice Cream Shop website . Thank you

  • Please Help!!! Requirements: Use an external CSS & JS file, no internal or inline styles &...

    Please Help!!! Requirements: Use an external CSS & JS file, no internal or inline styles & scripts Please comment your JS to demonstrate your understanding of what is happening Create a form with at least 2 inputs and a submit button A good example would be First Name, Last Name, and Age. Use JS to provide the user with some feedback on the values they enter or choose with your inputs To do this you will need create a function...

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