The language of the web --Head First into HTML and CSS Chapter 1
2015-05-01 11:24
597 查看
1. Web servers have a full-time job on the Internet, tirelessly waiting for requests from web browsers. What kinds of requests?
Requests for web pages, images, sounds, or maybe even a video. When a server gets a request for any of these resources, the server finds the resource, and then sends it back to the browser.
Browser
But how does the browser know how to display a page? That’s where HTML comes in. HTML tells the browser all about the content and structure of the page.
Tags
tags tells the browser about the structure and meaning of the document.
Browser will ignore space in the text. it relies on the tags to determine where line and paragraph happens
<h1> Starbuzz Coffee </h1>
opening tag -- content-- closing tag: <h1> element
element = opening tag + content + closing tag; //some tags are void tags without content
tags are often nested
CSS
css will give you a way to present / style your content.
<style type="text/css">
//with attribute type
body {
background-color: #d2b48c;
margin-left: 20%;
margin-right: 20%;
border: 2px dotted black;
padding: 10px 10px 10px 10px;
font-family: sans-serif;
}
</style>
attribute: provide additional information about an element.
Requests for web pages, images, sounds, or maybe even a video. When a server gets a request for any of these resources, the server finds the resource, and then sends it back to the browser.
Browser
But how does the browser know how to display a page? That’s where HTML comes in. HTML tells the browser all about the content and structure of the page.
Tags
tags tells the browser about the structure and meaning of the document.
Browser will ignore space in the text. it relies on the tags to determine where line and paragraph happens
<h1> Starbuzz Coffee </h1>
opening tag -- content-- closing tag: <h1> element
element = opening tag + content + closing tag; //some tags are void tags without content
tags are often nested
CSS
css will give you a way to present / style your content.
<style type="text/css">
//with attribute type
body {
background-color: #d2b48c;
margin-left: 20%;
margin-right: 20%;
border: 2px dotted black;
padding: 10px 10px 10px 10px;
font-family: sans-serif;
}
</style>
attribute: provide additional information about an element.
相关文章推荐
- Head first HTML and CSS 总结-4.Web与服务器
- HTML CSS: the language of web-getting to know HTML
- CSS and its selectors- Head first into HTML
- error -27257: Pending web_reg_save_param/reg_find/create_html_param[_ex] request(s) detected and reset at the end of iteration number 1
- Head first HTML and CSS 总结-11.Div and span
- Setting the Foundations(Chapter 1 of CSS Mastery Advanced Web Standards Solutions)
- Namespaces and Exceptions(Chapter 8 of The C++ Programming Language)
- Head first HTML and CSS 总结- 12.布局和排版
- Library Organization and Containers(Chapter 16 of The C++ Programming Language)
- Head first HTML and CSS 总结- 13.表格
- Head first HTML and CSS 总结- 14.XHTML表单
- 《Head First HTML with CSS and XHTML》 读后感
- [转]The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books
- Types and Declarations(Chapter 4 of The C++ Programming Language)
- Head first HTML and CSS 总结-5.网页中的图像
- Head first HTML and CSS 总结-1.HTML简介
- Doctype and charset : standard of HTML--Head first into HTML
- Expressions and Statements(Chapter 6 of The C++ Programming Language)
- The Essential Guide to CSS and HTML Web Design
- Head first HTML and CSS 总结-7. XHTML与CSS