creating web pages using html and css

Web Page Concept  and Design : Getting a Web Site Up and Running.Lesson 3. Creating Web Pages Using HTML

Web Page Concept and Design : Getting a Web Site Up and Running.Lesson 3. Creating Web Pages Using HTML

... using HTML? Trang 3Learning outcomesDefine what is HTML Determine the basic tools for creating web pages using HTML Use basic HTML coding and tags Use HTML to create web pages Build a web ... 1Web Page Concept Trang 2What is HTML? What are the tools needed for creating web pages using HTML? What are the basic HTML tags? How to create a web page using HTML? How to build a web ... XHTML, XML, and HTTP are considered the Web standards  The HTML 4.01 specification from W3C is the latest HTML standard supported by new Trang 6What is HTML?HTML Standards  HTML 4.01 specification

Ngày tải lên: 21/01/2021, 03:05

57 23 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P19 docx

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P19 docx

... and Internet Explorer Task: Exercise 6.1 Creating a Real HTML Page Here's your chance to apply what you've learned and create a real web page No more disjointed or overly silly examples The web ... and Font SizesOne thing to watch out for: When you specify units in CSS, you must leave no spaces between the number of units and unit specification In other words, 12pt and 100% are valid, and ... In XHTML 1.0, add closure to the tag by using the syntax of <wbr /> Neither <nobr> nor <wbr> is part of HTML 3.2 or HTML 4.01 They're extensions introduced by Netscape, and

Ngày tải lên: 07/07/2014, 09:20

10 308 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P20 ppt

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P20 ppt

... original organization, you could easily create web pages describing each cat (and showing pictures) and then link them back to this page, one link (and one page) per cat Is describing the cats ... page, stop and review what you have, both in the plan and in your web page For the purposes of this example, stop here and stick with the links you have You're close enough to being done, and I don't ... always seem to creep into an HTML file the first time you create it These problems always seem to happen no matter how good you are at creating web pages If you use an HTML editor or some other

Ngày tải lên: 07/07/2014, 09:20

10 419 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P21 pdf

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P21 pdf

... (nonstandard; supported by Netscape and Internet Explorer) Adds a space and forward slash at the end of the tag for XHTML 1.0 heading (Deprecated in HTML 4.01.) heading (Deprecated in HTML 4.01.) ... (Deprecated in HTML 4.01.) Trang 3and closing tags (Deprecated in HTML 4.01.) closing tags (Deprecated in HTML 4.01.) closing tags (Deprecated in HTML 4.01.) (default is 3) or as a relative number using ... (Deprecated in HTML 4.01.) changes are based (Deprecated in HTML 4.01.) There is no closing tag in HTML for <basefont>; for XHTML, add a space and forward slash ( /) at the end of the tag and its

Ngày tải lên: 07/07/2014, 09:20

10 301 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P22 doc

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P22 doc

... are part of HTML 3.2 or HTML 4.01 and might not be understood by some older browsers Still other attributes have been deprecated in favor of style sheets with the HTML 4.01 and XHTML 1.0 specifications ... Here's the HTML code for this HTML file, and Figure 7.1 shows how it looks so far: Input <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd"> ... <img> tag is deprecated in HTML 4.01 in favor of using style sheet attributes You'll learn more about style sheets in Lesson 9, "Creating Layouts with CSS." Standard HTML 2.0 defines three

Ngày tải lên: 07/07/2014, 09:20

10 342 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P23 docx

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P23 docx

... the left and right sides of the image Note The vspace and hspace attributes for the <img> tag are deprecated in HTML 4.01, in favor of using style sheet attributes The following HTML code, ... file:///G|/1/0672328860/ch07lev1sec4.html (8 von 12) [19.12.2006 13:48:53] Trang 4Images and TextThe clear attribute for the <br> tag is deprecated in HTML 4.01, in favor of using style sheet attributes ... wrapping after the heading and restarts the text after the image: Input <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">

Ngày tải lên: 07/07/2014, 09:20

10 215 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P25 ppt

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P25 ppt

... upper-left and lower-right corners of the rectangle Figure 7.23 Getting the coordinates for a rectangle. Trang 3The <map> and <area> TagsIf you're creating your imagemap manually and you've ... If you have a very complex imagemap, however, you can store it in a separate HTML file and reference it using a standard URL Task: Exercise 7.3 A Clickable Jukebox Let's take a look at how to ... href="code/music/home.html" alt="Home Page for Music Section" /> <area shape="rect" coords="259,113, 323,134" href="/music/swing.html" alt="Swing and Big Band Music"

Ngày tải lên: 07/07/2014, 09:20

10 280 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P26 pot

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P26 pot

... you take a 100-by-100 pixel image and expand it into a 200-by-400 pixel image) Caution Don't perform reverse scalingcreating a large image and then using width and height to scale it down Smaller ... size image] Trang 3Using ColorUsing Color As you've seen, one way to add a splash of color to the black, gray, and white on your web pages is to add images However, several HTML attributes enable ... incorporated into HTML 3.2, but most have been deprecated in its successor, HTML 4.01 Image Dimensions and Scaling Two attributes of the <img> tag, height and width, specify the height and width

Ngày tải lên: 07/07/2014, 09:20

10 199 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P30 doc

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P30 doc

... </html> The result is shown in Figure 8.14 Output Figure 8.14 Table cell colors. file:///G|/1/0672328860/ch08lev1sec4.html (2 von 4) [19.12.2006 13:49:02] Trang 2Table and Cell Color and ... borders and places the dark color on the right and bottom sides of the table border ● bordercolorlight sets the light component of 3D-look borders and places the light color on the left and top ... vendor-specific browser extensions yourself and go down the CSS road instead In Lesson 9, I'm going to discuss the plethora of borders you can create using CSS After seeing them, you'll never want

Ngày tải lên: 07/07/2014, 09:20

10 210 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P31 pot

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P31 pot

... (#cc9900) by using the bordercolor attribute that's compatible with both Netscape and Internet Explorer You'll make the rules between cells appear solid by using a cellspacing setting of 0, and increase ... five rows and columns in this table Do you see them? Some of them span columns and rows Figure 8.23 shows the same table with a grid drawn over it so that you can see where the rows and columns ... </html> To enhance the appearance of the table, you'll make all the cells light yellow (#ffffcc) by using the background-color property The border will be increased in size to 5 pixels, and

Ngày tải lên: 07/07/2014, 09:20

10 179 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P32 pptx

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P32 pptx

... find that most pages are laid out using tables Because, as you'll see tomorrow, CSS fundamentally changes the way pages are laid out, many people haven't bothered to get current and abandon tables ... your own pages using these techniques is to view the source code of pages you like It's unethical to copy someone else's code directly, but there's nothing wrong with using other people's HTML as ... on the left and the navigation on the rightand the rest of them are used for spacing and formatting The listings for individual software packages in the left column are also tables, and the tabular

Ngày tải lên: 07/07/2014, 09:20

10 230 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P33 ppt

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P33 ppt

... out web pages using HTML tags Today, I'm going to describe how you can create complex pages using cascading style sheets (CSS) In this Lesson You've already learned about the advantages CSS can ... rows and columns fall Mark which cells span multiple rows and columns ● Start with a basic framework and lay out the rows, headings, and data row by row and cell by cell in HTML Include row and ... Units of measure supported by CSSCSS properties associated with boxes ● Positioning elements using CSS ● Applying styles to tables and the <body> tag ● Using CSS to create multicolumn

Ngày tải lên: 07/07/2014, 09:20

10 204 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P34 ppsx

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P34 ppsx

... managing the look and feel of your site Once you've set up a sitewide style sheet that sets up the basic look-and-feel parameters for your pages, changing things such as the headline font and background ... blue Classes and IDs Sometimes selecting by tag (even using contextual selectors) isn't specific enough for your needs, and you must create your own classifications for use with CSS There are ... file:///G|/1/0672328860/ch09lev1sec2.html (3 von 3) [19.12.2006 13:49:08] Trang 5Units of MeasureOne of the most confusing aspects of CSS is the unit of measure it provides Four types of units can be specified in CSS: length

Ngày tải lên: 07/07/2014, 09:20

10 243 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P36 ppt

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P36 ppt

... Trang 2CSS Positioningfor, you can use the CSS positioning attributes To position elements yourself, you first have to choose a actually use The four are static, relative, absolute, and fixed ... positioning works and some of the problems with it A screenshot of the page listed in the following code appears in Figure 9.15 Input <html> <head> <title>CSS Example</title> ... contains four absolutely positioned elements Input <html> <head> <title>CSS Example</title> <style type="text/css"> #topleft { position: absolute; top: 0px;

Ngày tải lên: 07/07/2014, 09:20

10 223 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P1 pps

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P1 pps

... Introducing HTML and XHTML What HTML IsAnd What It Isn't The Current Standard: XHTML 1.0 What HTML Files Look Like Using Cascading Style Sheets Programs to Help You Write HTML file:///G|/1/0672328860/toc .html ... Collections of HTML and Web Development Information Forms and Imagemaps HTML Editors and Converters HTML Validators, Link Checkers, and Simple Spiders Java, JavaScript, and Embedded ... Other Web- Related Topics Tools and Information for Images Web Hosting Providers Web Indexes and Search Engines Appendix B. HTML 4.01 Quick Reference Common Attributes and Events ...

Ngày tải lên: 07/07/2014, 09:20

10 464 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P4 pot

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P4 pot

... browse pages on the Web, all you need is a web browser. To publish pages on the Web, you need a web server. A web server is the program that runs on a computer and is responsible for replying to web ... paper pages, web pages can be of any length). Web pages sometimes are called web documents. Both terms refer to the same thing. A web page consists of an file:///G|/1/0672328860/ch02lev1sec1 .html ... of HTML, CSS, and JavaScript, you can add on other things at your leisure. file:///G|/1/0672328860/ch01lev1sec6 .html (1 von 2) [19.12.2006 13:48:23] Web Servers Web Servers To view and...

Ngày tải lên: 07/07/2014, 09:20

10 497 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P5 ppsx

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P5 ppsx

... browsing on the Web and exploring what other people have done. file:///G|/1/0672328860/ch02lev1sec2 .html (2 von 2) [19.12.2006 13:48:24] Anatomy of a Website HTML document and all the other ... describe in your website. How about a less task-oriented example? Suppose that you want to create a set of web pages about a particular rock band because you're a big fan, and you're ... band ● Biographies of each of the band members ● A discographyall the albums and singles the band has released ● Selected lyrics ● Images of album covers ● Information about upcoming shows and...

Ngày tải lên: 07/07/2014, 09:20

10 460 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P6 docx

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P6 docx

... how to make cheese by using the Web. Cheese making is a complex process involving several steps that must be followed in a specific order. Describing this process using web pages lends itself to ... image] file:///G|/1/0672328860/ch02lev1sec5 .html (8 von 12) [19.12.2006 13:48:26] Storyboarding Your Website Storyboarding Your Website The next step in planning your website is to figure out what content goes on what page and ... the website will look like when it's done, including which topics go on which pages, the primary links, and maybe even some conceptual idea of what sort of graphics you'll be using and...

Ngày tải lên: 07/07/2014, 09:20

10 389 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P8 pptx

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P8 pptx

... The Open command (or its equivalent) opens a document from your local disk, parses it, and displays it. By using your browser and the Open command, you can write and test your HTML files on ... you HTML 4.01, but also to teach you how to format your HTML so that it's compliant with the XHTML 1.0 specification. Technically, XHTML 1.0 and HTML 4.01 are very similar. The tags and ... that's where XHTML 1.0 comes into play. XHTML 1.0 is written in XML, and is the current standard that will help web designers prepare for the future. Documents written in XHTML can be viewed...

Ngày tải lên: 07/07/2014, 09:20

10 496 0
Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P9 doc

Sams Teach Yourself Web Publishing with HTML and CSS in One Hour a Day (5th Edition) P9 doc

... Consider using a text editor or HTML editor for your web pages. Quiz 1. What does HTML stand for? How about XHTML? 2. What's the primary function of HTML? 3. Why doesn't HTML control ... Structuring Your HTML All the text and HTML elements in your web page should be placed within the beginning and ending HTML tags, like this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ... the basic HTML tags in more depth, and begin writing web pages with headings, paragraphs, and several different types of lists. Today we'll focus on the following topics and HTML tags: ●...

Ngày tải lên: 07/07/2014, 09:20

10 441 1
w