« Home « Chủ đề html cơ bản

Chủ đề : html cơ bản


Có 20+ tài liệu thuộc chủ đề "html cơ bản"

Cơ bản html p1

tailieu.vn

_HTML cũng như nhều ngôn ngữ khác, được 1 tổ chức gọi là...à mà quên rồi, trang web của họ nè http://www.w3.org/ hình như là viết tắt của chữ World Wide Web Consortium, hay gì đó _HTML (hay Hypertext Markup Language-Ngôn ngữ liên kết siêu văn bản) là ngôn ngữ đánh dấu chuẩn dùng lập trình các tài liệu World...

HTML toàn tập

tailieu.vn

ộ ">. v i CSS, b n ch vi c gán thu c tính và giá tr r i dùng chúng đ đ nh d ng cho tòan b trang web ho c ả ớ ạ ỉ ệ ộ ị ồ ể ị ạ ộ ặ nhi u trang Web trên cùng m t server.</p>. V i CSS ta có...

HTML cơ bản - p 7

tailieu.vn

element occupies the full width of its container minus whatever is needed for the element’s margins, borders, and the padding of the containing element.. left means that the element adheres to the left margin of the containing element and that other HTML elements fol- lowing the floated element wrap around it on the right. The element sticks to the right...

HTML cơ bản - p 8

tailieu.vn

ptg 54 Chapter 2: The HTML Language. Example 2.8 shows a floated table with a width attribute. Example 2.8: An HTML table with width and float attributes. <title>Example 2.8</title>. <tr><th></th><th>Points</th><th>Grade</th></tr>. <tr><th>Larry</th><td>86</td><td>B+</td></tr>. <tr><th>Heidi</th><td>91 </td><td>A</td></tr>. properties in his entry entitled, <cite>Example 2.8</cite>. </p>. Note the use of the cite element to mark up a title. Figure 2.8 shows how this HTML appears...

HTML cơ bản - p 9

tailieu.vn

Figure 2.12: Styling block quotes and address blocks with CSS. is used in the address block in Example 2.12, where an explicit line break is needed in the text content. <br clear="both"/>. <br style="clear:both"/>. Example 2.12: CSS styles for paragraphs, block quotes, and address blocks (continued). A break element calls for a line break to be present in the content...

HTML cơ bản - p 10

tailieu.vn

The article element, <article></article>. Similarly, the navigation ( <nav></nav>. header ( <header></header>. and footer ( <footer></footer>. To illustrate, consider a web page using division elements with id and class attributes to define the various parts of the page. Example 2.18 shows the HTML. Example 2.18: HTML divisions. <title>Example 2.18</title>. <div id="header">. <div id="logo">. <div class="navigation">. <ul id="top-menu">. <li><a href="home.html">Home</a></li>. <li><a...

HTML cơ bản - p 11

tailieu.vn

<td>. lt;/td><td>. .72</td><td>. 225 days</td><td>. 243 days</td>. 1.0</td><td>. 365 days</td><td>. 24 hrs</td>. <td> lt;/td><td>. 1.5</td><td>687 days</td><td>. 24.6 hrs</td>. Links are the lifeblood of the Web, and Hypertext is the name of the Markup Language. The link element is discussed further in the sec- tion “Page Head Information” in Chapter 5. The anchor element, <a></a>. Because the introduction of the first...

HTML cơ bản - p 12

tailieu.vn

ptg Example 2.23: HTML code for image scaling. <title>Example 2.23</title>. usemap="#bbar"/>. <map name="bbar">. In this HTML, three rectangular shapes are defined upon the image at the locations specified in the coords attributes, which take values specifying the top-left and bottom-right corners of the hyperlinked area. The first area, linked to top.html, begins at the top-left corner of the image and...

HTML cơ bản - p 13

tailieu.vn

<input type="radio". name="sex". value="male". value="female"/>Female. value="other"/>Other. <label><input type="radio". value="female"/>Female</label>. The for attribute’s value matches the id attribute’s value of the associated control, as in this code snippet:. <th align="right">. value="other"/>. <td align="left">. <label for="choice-other">Other</label>. The value that a checkbox has when the form is submitted is given by the input element’s value attribute. Only elements that the user checks are...

html cơ bản - p 14

tailieu.vn

Elements of Style. We speak of these properties as being in the presentation layer of the web page as distinct from the semantic description provided by the HTML markup of the page’s content. In style elements in the head of an HTML document. href="styles.css". media="screen"/>. href="bw.css"/>. CSS style sheets for complex websites can be quite long. href="styles.css"/>. href="layout.css"/>. <style type="text/css">....

HTML cơ bản - p 15

tailieu.vn

input elements exist within interactive forms (see Chapter 2, “The HTML Language”) and come in a variety of types, including checkboxes, radio but- tons, and text fields. The pseudo-class or pseudo-element name is appended to the rest of the selec- tion expression, separated by a colon. In other words, the first statement just shown could be written as a {...

HTML cơ bản - p 16

tailieu.vn

Therefore, a font size of 18 points is equivalent to 1.5 picas, or .25 inches. Like a percentage value, they specify sizes relative to the element’s computed size rather than an absolute number of units. However, in CSS, one em is equivalent to 100 percent of the current font size. #main { font-size: medium. #main p.first { font-size: 1em. #main...

HTML cơ bản - p 17

tailieu.vn

In a manner similar to the font property, the various background proper- ties can be combined into one rule using the background property. The important CSS properties that affect the appearance of text include text- align , text-decoration , text-indent , text-transform , line-height , letter- spacing , word-spacing , white-space , and vertical-align . The text-align property controls the...

HTML cơ bản - p 18

tailieu.vn

For elements without a border, this space is composed of margin and padding on each of the element’s four sides. For elements with a border, the margin is the amount of space on the outside of the borders, and the pad- ding is the amount of space on the inside of the border. It will not cause the content to...

HTML cơ bản - p 19

tailieu.vn

<li style="list-style-type: decimal;"></li>. <li style="list-style-type: decimal-leading-zero;"></li>. <li style="list-style-type: lower-roman;"></li>. <li style="list-style-type: upper-roman;"></li>. <li style="list-style-type: lower-alpha;"></li>. <li style="list-style-type: upper-alpha;"></li>. <li style="list-style-type: lower-greek;"></li>. <li style="list-style-type: armenian;"></li>. Figure 3.17: An ordered list showing eight different style types. The list-style-type property sets the type of list as well as the marker used. An ordered list element behaves just like an unordered list element if...

HTML cơ bản - p 20

tailieu.vn

</a>. </p>. Figure 3.22 shows how this code is displayed in two browser windows. In the window on the right, the mouse is on the link, and the mouse button is held down, causing the first paragraph to disappear.. Figure 3.22: Changing the display property of a sibling element using the :active pseudo-class. Changing an element’s display property from block...

HTML cơ bản - p 21

tailieu.vn

Figure 4.5: The Element Inspector in Google Chrome. As shown in Figure 4.5, the Element Inspector has many powerful features, including the graphic display of an element’s box properties. It provides a nicely formatted listing of the HTML source code and the CSS associated with each document element. Blogging can be experienced in two ways. These services include Word- Press.com,...

html cơ bản - p 22

tailieu.vn

Figure 4.13: Editing a document in Google Docs’ word processor. Figure 4.14 shows the HTML editing window into which the HTML code from Example 2.7 in Chapter 2 has been pasted.. Figure 4.14: The HTML editing mode in Google Docs’ word processor. Figure 4.15 shows the CSS editing window with the CSS statements from the style element in the head...

HTML cơ bản - p 23

tailieu.vn

Constant Contact is one of the more popular email marketing services. A Constant Contact customer creates and maintains a database of email recipi- ents with the service and composes formatted emails using Constant Contact’s web-based editor and online templates. Constant Contact charges a monthly fee for its service based on the number of recipient email addresses.. Constant Contact’s approach is...

HTML cơ bản - p 24

tailieu.vn

It is a burden of trust. PayPal, which is owned by the online auction firm eBay, is one of the easiest systems to set up and is an initial choice for many online business start-ups. The payment systems a website uses are one of the factors search engines use to rank websites. Would you shop at a store if you...