Head First HTML Chapter 1
What are the four things you must do to a text editor before creating an HTML document (mac)?
1. Go to preferences and change rich text to plain text 2. Make sure "Ignore rich text commands" in HTML files is checked. 3. add .txt should be unchecked. 4. Restart the text editor (application).
How do you make comments in HTML?
<!--text here-->
What labels the content of a file as HTML content?
<HTML> and </HTML>
What tags tells the browser things about the actual content of you web page?
<body> and </body>
What is an HTML element?
An element is the opening and closing tag including the content between the tags.
There are six of these.
Headings
Explain the heading tag.
Headings <h1> through <h6> are displayed in successively smaller font sizes.
Two tags and content.
Element
What should you do before creating a web site?
Make a folder for all the files in your website.
What does the "M" in HTML stand for?
Markup
Do spaces between tags make a different in the website display?
No
Purpose of <p> element.
Paragraph
CSS is used when you need to control this.
Presentation
What does HTML show your browser?
Shows you browser how to display text.
You mark up content to provide this.
Structure
You define presentation through this element.
Style
Opening and Closing
Tags
What does the <html> tag specify?
Tells your browser that your file is an HTML document.
Only one type of style available.
Text CSS
Tags can have these to provide additional information.
attributes
What is an example of CSS code?
<head> <title></title> <style> body { background-color: #d2b48c; margin-left: 20%; margin-right: 20%; border: 2px dotted black; padding: 10px 10px 10px 10px; font-family: sans-serif; } </style> </head>
What tags tell the browser things about your website (like the name)?
<head> and </head>
What is a web server?
A server is a computer connected to the web that waits for request from web browsers and sends information back.
What is the style element and how do you declare a style element in your html code?
A style element adds style to your html code. The style element has an (optional) attribute, called type, which tells the browser the kind of style you're using. <style> </style>
What is a tag in HTML?
A tag are words or characters in angle brackets that tell the browser the structure of the text.
Opening tags can have what?
Attributes
What is an attribute?
Attributes give you a way to provide additional information about an element.
What you see in your page.
Body
What is the basic definition of CSS?
CSS (Cascading Style Sheets) gives you a way to describe how your content should be presented.
How do you create a web page?
Create a plain text file written in HTML and place them on a server.
What is the formula for an HTML element?
Element = opening tag+content+closing tag
What is a framework?
Frameworks are code libraries to add extra features to your projects. Ex: Bootcamp, JQuery
Further explain the purpose of HTML.
HTML is a way to mark up your text and be able to specify paragraphs, headings, web titles, and subheadings. HTML is about text structure and not so much about presentation.
About your web page.
Head
Always separate these in HTML.
Head and Body
What does HTML stand for?
Hypertext Markup Language
Why do you have to specify the type of the style ("text/css") as an attribute of the style? Are there other kinds of style?
The designers of HTML thought there would be other styles but there are not. You can just use <style> without an attribute and the browser will know what you are trying to convey.
Appears at the top of the browser for each page.
Title
What is a web browser?
Web browsers are applications that send request to servers, and uses HTML to display a web page.
How does the browser present the structure of an html document?
When the browser displays your HTML, it uses its own built-in default style to present this structure.
Browsers ignore this.
Whitespace
Why should you learn HTML instead of only learning a web development site like wix?
Wix will not offer the customization and uniqueness that HTML and CSS allows. Wix limits the website.
Can you use the same headings in a website?
Yes, for example: <h2> text </h2> <p>text</p> <h2>text</h2> Both heading (<h2>) are the same size.