Tìm kiếm

Revision

Posted in Nhãn: | 19:34


HTML Basic Document

<html>
<head>
<title>Title of document goes here</title>
</head>
<body>
Visible text goes here...
</body>
</html>

Heading Elements

<h1>Largest Heading</h1>
<h2> . . . </h2>
<h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Smallest Heading</h6>

Text Elements

<p>This is a paragraph</p>
<br /> (line break)
<hr /> (horizontal rule)
<pre>This text is preformatted</pre>

Logical Styles

<em>This text is emphasized</em>
<strong>This text is strong</strong>
<code>This is some computer code</code>

Physical Styles

<b>This text is bold</b>
<i>This text is italic</i>

Links

Ordinary link: <a href="http://www.example.com/">Link-text goes here</a>
Image-link: <a href="http://www.example.com/"><img src="URL" alt="Alternate Text" /></a>
Mailto link: <a href="mailto:webmaster@example.com">Send e-mail</a>
A named anchor:
<a name="tips">Tips Section</a>
<a href="#tips">Jump to the Tips Section</a>

Unordered list

<ul>
  <li>Item</li>
  <li>Item</li>
</ul>

Ordered list

<ol>
  <li>First item</li>
  <li>Second item</li>
</ol>

Definition list

<dl>
  <dt>First term</dt>
    <dd>Definition</dd>
  <dt>Next term</dt>
    <dd>Definition</dd>
</dl>

Tables

<table border="1">
  <tr>
    <th>Tableheader</th>
    <th>Tableheader</th>
  </tr>
  <tr>
    <td>sometext</td>
    <td>sometext</td>
  </tr>
</table>

Iframe

<iframe src="demo_iframe.htm"></iframe>

Frames

<frameset cols="25%,75%">
  <frame src="page1.htm" />
  <frame src="page2.htm" />
</frameset>

Forms

<form action="http://www.example.com/test.asp" method="post/get">
<input type="text" name="email" size="40" maxlength="50" />
<input type="password" />
<input type="checkbox" checked="checked" />
<input type="radio" checked="checked" />
<input type="submit" value="Send" />
<input type="reset" />
<input type="hidden" />

<select>
<option>Apples</option>
<option selected="selected">Bananas</option>
<option>Cherries</option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>

</form>

Entities

&lt; is the same as <
&gt; is the same as >
&#169; is the same as ©

Other Elements

<!-- This is a comment -->
<blockquote>
Text quoted from a source.
</blockquote>
<address>
Written by W3Schools.com<br />
<a href="mailto:us@example.org">Email us</a><br />
Address: Box 564, Disneyland<br />
Phone: +12 34 56 78
</address>

Read Users' Comments (0)

Khung html

Posted in Nhãn: | 19:32


Với các frame, một số trang web có thể được hiển thị trong cùng một cửa sổ trình duyệt.
Chú ý. Đừng nghĩ rằng khung hình để được hỗ trợ trong các phiên bản tương lai của HTML.
Ví dụ

Hãy thử-It-Yourself Ví dụ

Vertical frameset
Làm thế nào để làm cho một khung theo chiều dọc với ba văn bản khác nhau.
Ngang khung
Làm thế nào để làm cho một frameset ngang với ba văn bản khác nhau.
(Bạn có thể tìm thấy ví dụ ở dưới cùng của trang này)

HTML Frames

Với các frame, bạn có thể hiển thị nhiều hơn một tài liệu HTML trong cùng một cửa sổ trình duyệt. Mỗi tài liệu HTML được gọi là một frame, và mỗi khung hình được độc lập của người khác.
Những khó khăn của việc sử dụng khung hình là:
  • Khung sẽ không được hỗ trợ trong các phiên bản tương lai của HTML
  • Khung khó sử dụng. (In toàn bộ trang là khó khăn).
  • Các nhà phát triển web phải theo dõi nhiều tài liệu HTML

Các phần tử HTML frameset

Các yếu tố frameset nắm giữ một hoặc nhiều yếu tố khung. Mỗi phần tử khung hình có thể tổ chức một văn bản riêng.
Các yếu tố frameset bang BAO NHIÊU cột hoặc các hàng sẽ được trong khung, và BAO NHIÊU tỷ lệ phần trăm / điểm ảnh của không gian sẽ chiếm mỗi người trong số họ.

Yếu tố khung HTML

Thẻ <frame> định nghĩa một cửa sổ cụ thể (frame) trong khung.
Trong ví dụ dưới đây, chúng ta có một frameset với hai cột.
Cột đầu tiên được thiết lập là 25% chiều rộng của cửa sổ trình duyệt. Cột thứ hai được thiết lập là 75% chiều rộng của cửa sổ trình duyệt. Các tài liệu "frame_a.htm" được đưa vào cột đầu tiên, và tài liệu "frame_b.htm" được đưa vào cột thứ hai:
<frameset cols="25%,75%">
   <frame src="frame_a.htm" />
   <frame src="frame_b.htm" />
</frameset>
Lưu ý: kích thước khung cột cũng có thể được thiết lập trong pixels (cols = "200500"), và một trong các cột có thể được thiết lập để sử dụng không gian còn lại, với một dấu sao (cols = "25 %,*").

Ghi chú cơ bản - Lời khuyên hữu ích

Mẹo: Nếu một khung có biên giới có thể nhìn thấy, người sử dụng có thể thay đổi kích thước bằng cách kéo biên giới. Để ngăn chặn người dùng từ làm điều này, bạn có thể thêm noresize = "noresize" vào thẻ <frame>.
Lưu ý : Thêm thẻ <noframes> cho các trình duyệt không hỗ trợ khung hình .
Quan trọng: Bạn không thể sử dụng </ body> thẻ <body> cùng với <frameset> </ frameset > Tuy nhiên, nếu bạn thêm một thẻ <noframes> có chứa một số văn bản cho các trình duyệt không hỗ trợ khung hình, bạn sẽ phải gửi kèm theo các văn bản trong body </ body> ! Xem như thế nào nó được thực hiện trong ví dụ đầu tiên dưới đây.
Ví dụ

Nhiều ví dụ

Làm thế nào để sử dụng thẻ <noframes>
Làm thế nào để sử dụng thẻ <noframes> (đối với các trình duyệt không hỗ trợ khung hình ).
Nested framesets
Làm thế nào để tạo ra một frameset với ba tài liệu, và làm thế nào để kết hợp chúng trong các hàng và cột.
Frameset với noresize "noresize" =
Làm thế nào để sử dụng thuộc tính noresize. Di chuyển chuột qua biên giới giữa các khung hình và thông báo rằng bạn không thể di chuyển biên giới.
Navigation frame
Làm thế nào để làm cho một khung định vị. Frame navigation chứa một danh sách các liên kết với frame thứ hai như là mục tiêu . Các tập tin có được gọi là "tryhtml_contents.htm" có chứa ba liên kết.Mã nguồn của các liên kết:
<a href ="frame_a.htm" mục tiêu ="showframe"> Khung hình a </ a> -
<a href ="frame_b.htm" mục tiêu ="showframe"> Khung hình b </ a> <br>
<a href ="frame_c.htm" mục tiêu ="showframe"> Khung hình c </ a>
Frame thứ hai sẽ hiển thị các tài liệu liên quan.
Chuyển đến một vùng nhất định trong một khung
Hai khung. Một trong các khung có một nguồn đến một phần quy định trong một tập tin. Phần cụ thể được thực hiện với name="c10"> <a trong file "link.htm".
Chuyển đến một vùng nhất định với navigation frame
hai khung hình. Navigation frame (content.htm) ở bên trái có chứa một danh sách các liên kết với khung thứ hai (link.htm) là đích đến . Khung thứ hai cho thấy các tài liệu liên quan . Một trong các liên kết trong khung điều hướng được liên kết đến một phần quy định trong các tập tin mục tiêu. Các mã HTML trong tập tin "content.htm" trông như thế này: <a href ="link.htm" mục tiêu ="showframe"> Link không có Neo </ a> - <a href = "link.htm # C10 "target =" showframe "> Liên kết với Neo </ a>.

Khung hình Download HTML

TagMô tả
<frameset>Định nghĩa một tập hợp các khung hình
<frame />Định nghĩa một cửa sổ phụ (một khung)
<noframes>Định nghĩa một phần noframe cho các trình duyệt mà không xử lý các khung

Read Users' Comments (0)

Form html

Posted in Nhãn: | 19:27


Các hình thức HTML được sử dụng để chọn các loại khác nhau của người dùng nhập vào.
Ví dụ

Hãy thử-It-Yourself Ví dụ

Tạo các lĩnh vực văn bản
Làm thế nào để tạo ra các lĩnh vực văn bản. Người dùng có thể viết văn bản trong một lĩnh vực văn bản .
Tạo mật khẩu lĩnh vực
Làm thế nào để tạo ra một lĩnh vực mật khẩu.
(Bạn có thể tìm thấy ví dụ ở dưới cùng của trang này)

HTML Các hình thức

Các hình thức HTML được sử dụng để truyền dữ liệu đến một máy chủ.
Một hình thức có thể chứa các yếu tố đầu vào như các lĩnh vực văn bản, hộp kiểm tra, phát thanh-nút, trình các nút và nhiều hơn nữa. Một hình thức cũng có thể chứa danh sách lựa chọn, textarea, fieldset, truyền thuyết, và các yếu tố nhãn.
Thẻ <form> được sử dụng để tạo ra một hình thức HTML:
<form>
.
input elements
.
</form>

HTML Các hình thức - yếu tố đầu vào

Các yếu tố hình thức quan trọng nhất là yếu tố đầu vào.
Các yếu tố đầu vào được sử dụng để chọn thông tin người dùng.
Một yếu tố đầu vào có thể thay đổi bằng nhiều cách, tùy thuộc vào loại thuộc tính. Một yếu tố đầu vào có thể được loại trường văn bản, hộp kiểm, mật khẩu, nút radio, trình nút, và nhiều hơn nữa.
Các loại đầu vào được sử dụng nhiều nhất được mô tả dưới đây.

Văn bản Fields

<input type="text" /> xác định lĩnh vực đầu vào một người dùng có thể nhập văn bản vào:
<form>
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" />
</form>
Làm thế nào các mã HTML trên trình duyệt:
Họ và tên: 
Họ: 
Lưu ý: Các hình thức chính nó là không nhìn thấy được. Cũng lưu ý rằng chiều rộng mặc định của một trường văn bản là 20 ký tự  .

Mật khẩu trường

<input type="password" định nghĩa một lĩnh vực mật khẩu:
<form>
Password: <input type="password" name="pwd" />
</form>
Làm thế nào các mã HTML trên trình duyệt:
Mật khẩu: 
Lưu ý: Các nhân vật trong một lĩnh vực mật khẩu được đeo mặt nạ (hiển thị như dấu sao hoặc vòng tròn)  .

Đài phát thanh Buttons

<input type="radio" định nghĩa một nút radio. Nút radio cho phép người dùng lựa chọn ONLY ONE một trong một số giới hạn của sự lựa chọn:
<form>
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
</form>
Làm thế nào các mã HTML trên trình duyệt:
 Nam
 Nữ

Hộp kiểm tra

<input type="checkbox" định nghĩa một hộp kiểm. Hộp kiểm tra cho phép người dùng lựa chọn một hoặc nhiều tùy chọn của một số giới hạn của sự lựa chọn.
<form>
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car
</form>
Làm thế nào các mã HTML trên trình duyệt:
 Tôi có một chiếc xe đạp
 Tôi có một chiếc xe

Gửi nút

<input type="submit" định nghĩa một nút gửi.
Một nút submit được sử dụng để gửi dữ liệu mẫu đến một máy chủ. Dữ liệu được gửi đến trang quy định trong thuộc tính hành động của hình thức. Các tập tin được xác định trong thuộc tính hành động thường làm điều gì đó với các đầu vào nhận được:
<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>
Làm thế nào các mã HTML trên trình duyệt:
Tên người dùng:  
Nếu bạn gõ một số ký tự trong lĩnh vực văn bản trên, và nhấn nút "Gửi", trình duyệt sẽ gửi đầu vào của bạn đến một trang gọi là "html_form_action.asp". Các trang sẽ hiển thị cho bạn các đầu vào nhận được.

Hãy thử nó Đầu vào ví dụ

Nút radio
Làm thế nào để tạo ra các nút radio.
Hộp kiểm tra
Làm thế nào để tạo ra các hộp kiểm tra. Một người sử dụng có thể lựa chọn hoặc bỏ chọn hộp kiểm .
Đơn giản danh sách thả xuống
Làm thế nào để tạo ra một danh sách thả xuống đơn giản.
Danh sách thả xuống với một giá trị trước khi lựa
chọn Làm thế nào để tạo ra một danh sách thả xuống với một giá trị được lựa chọn trước.
Textarea
Làm thế nào để tạo ra một kiểm soát đầu vào nhiều dòng văn bản . Trong một khu vực văn bản, người dùng có thể viết một số lượng không giới hạn của nhân vật.
Tạo một nút
Làm thế nào để tạo ra một nút.

Hãy thử nó Mẫu ví dụ

Fieldset xung quanh hình thức dữ liệu
Làm thế nào để tạo ra một đường viền xung quanh các yếu tố dưới các hình thức.
Hình thức với các lĩnh vực văn bản và một nút
trình Làm thế nào để tạo ra một hình thức với hai lĩnh vực văn bản và một nút submit.
Hình thức với hộp kiểm
tra Làm thế nào để tạo ra một hình thức với hai hộp kiểm và nút submit .
Hình thức với các nút
vô tuyến Làm thế nào để tạo ra một hình thức với hai nút radio, và một nút submit.
Gửi e-mail từ một hình thức
Làm thế nào để gửi e-mail từ một biểu mẫu.

HTML Form Download

TagMô tả
<form>Định nghĩa một hình thức HTML cho người dùng nhập vào
<input />Định nghĩa một kiểm soát đầu vào
<textarea>Xác định kiểm soát đầu vào nhiều dòng văn bản
<label>Định nghĩa một nhãn cho một yếu tố đầu vào
<fieldset>Định nghĩa một đường viền xung quanh các yếu tố dưới các hình thức
<legend>Định nghĩa một chú thích cho một yếu tố fieldset
<select>Định nghĩa một danh sách lựa chọn (danh sách thả xuống)
<optgroup>Định nghĩa một nhóm các tùy chọn liên quan trong một danh sách lựa chọn
<option>Định nghĩa một tùy chọn trong một danh sách lựa chọn
<button>Định nghĩa một nút nhấn

Read Users' Comments (0)

Danh sách html

Posted in Nhãn: | 19:08


Danh sách HTML phổ biến nhất được sắp xếp và có thứ tự danh sách:

HTML Lists

An ordered list:

  1. The first list item
  2. The second list item
  3. The third list item

An unordered list:

  • List item
  • List item
  • List item
Ví dụ

Hãy thử-It-Yourself Ví dụ

Không có thứ tự danh sách
Làm thế nào để tạo ra một danh sách không có thứ tự trong một tài liệu HTML.
Thứ tự danh sách
Làm thế nào để tạo ra một danh sách có thứ tự trong một tài liệu HTML.
(Bạn có thể tìm thấy ví dụ ở dưới cùng của trang này).

HTML không có thứ tự Danh sách

Một danh sách không có thứ tự bắt đầu với thẻ <ul>. Mỗi mục danh sách bắt đầu với thẻ <li>.
Danh sách các mục được đánh dấu bằng đạn (thường nhỏ hình tròn màu đen).
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
Làm thế nào các mã HTML trên trình duyệt:
  • Coffee
  • Milk

HTML thứ tự Danh sách

Một danh sách có thứ tự bắt đầu với thẻ <ol>. Mỗi mục danh sách bắt đầu với thẻ <li>.
Danh sách các mục được đánh dấu bằng số.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
Làm thế nào các mã HTML trên trình duyệt:
  1. Coffee
  2. Milk

HTML Định nghĩa Lists

Một danh sách định nghĩa là một danh sách các mục, với một mô tả của từng hạng mục.
Thẻ <dl> quy định danh mục định nghĩa.
Các thẻ <dl> được sử dụng kết hợp với <dt> (định nghĩa các mục trong danh sách) và <dd> (mô tả các mục trong danh sách):
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
Làm thế nào các mã HTML trên trình duyệt:
Coffee
- black hot drink
Milk
- white cold drink

Ghi chú cơ bản - Lời khuyên hữu ích

Mẹo: Bên trong một mục danh sách, bạn có thể đặt văn bản, ngắt dòng, hình ảnh, liên kết, danh sách khác .
Ví dụ

Nhiều ví dụ

Loại khác nhau của các danh sách có
thứ tự minh chứng các loại khác nhau của các danh sách có thứ tự.
Các loại khác nhau của danh sách không có thứ
tự minh chứng các loại khác nhau không có thứ tự danh sách .
Nested danh sách
Thể hiện như thế nào bạn có thể danh sách tổ.
Nested danh sách 2
Thể hiện một danh sách lồng nhau phức tạp hơn .
Định nghĩa danh sách
Thể hiện một danh sách định nghĩa.

HTML Danh sách Download

TagMô tả
<ol>Định nghĩa một danh sách có thứ tự
<ul>Định nghĩa một danh sách không có thứ tự
<li>Xác định một mục danh sách
<dl>Định nghĩa một danh sách định nghĩa
<dt>Xác định một mục trong một danh sách định nghĩa
<dd>Định nghĩa một mô tả của một mục trong một danh sách định nghĩa

Read Users' Comments (0)

HTML Tables

Posted in Nhãn: | 08:53


Bàn
Làm thế nào để tạo ra các bảng trong một tài liệu HTML.
Bảng biên giới
Làm thế nào để xác định biên giới bảng khác nhau .
(Bạn có thể tìm thấy ví dụ ở dưới cùng của trang này).

HTML Tables

Bảng được định nghĩa với các từ khóa <table>.
Một bảng được chia thành hàng (thẻ <tr>), và mỗi hàng được chia thành các tế bào dữ liệu (với thẻ <td>). td là viết tắt của "bảng dữ liệu, và nắm giữ nội dung của một tế bào dữ liệu. Một thẻ <td> có thể chứa văn bản, liên kết, hình ảnh, danh sách, biểu mẫu, các bảng khác, vv

Bảng Ví dụ

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
Làm thế nào các mã HTML trên trình duyệt:
hàng 1, tế bào 1hàng 1, tế bào 2
dòng 2, tế bào 1hàng 2, tế bào 2

Bàn HTML và thuộc tính biên giới

Nếu bạn không chỉ định một thuộc tính biên giới, bảng sẽ được hiển thị mà không có biên giới. Đôi khi điều này có thể hữu ích, nhưng hầu hết thời gian, chúng tôi muốn các biên giới để hiển thị.
Để hiển thị một bảng với biên giới, xác định các thuộc tính biên giới:
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

Bảng tiêu đề HTML

Tiêu đề thông tin trong một bảng được định nghĩa với các từ khóa <th>.
Tất cả các trình duyệt chính sẽ hiển thị văn bản trong các yếu tố <th> như in đậm và là trung tâm.
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
Làm thế nào các mã HTML trên trình duyệt của bạn:
Tiêu đề 1Tiêu đề 2
hàng 1, tế bào 1hàng 1, tế bào 2
dòng 2, tế bào 1hàng 2, tế bào 2

Ví dụ

Nhiều ví dụ

Bàn không có biên giới
Làm thế nào để tạo ra các bảng không có biên giới.
Tiêu đề bảng
Làm thế nào để tạo ra các tiêu đề bảng.
Bảng với một chú thích
như thế nào để thêm một chú thích vào một bảng.
Bảng tế bào kéo dài hơn một dòng / cột
Làm thế nào để xác định các tế bào bảng mở rộng thành nhiều hàng hoặc cột một.
Download bên trong một bảng
Làm thế nào để hiển thị các yếu tố bên trong các yếu tố khác.
Tế bào đệm
Làm thế nào để sử dụng cellpadding để tạo ra không gian trắng hơn giữa nội dung di động và biên giới của nó.
Tế bào khoảng cách
Làm thế nào để sử dụng cellspacing để tăng khoảng cách giữa các tế bào.
Khung thuộc tính
Làm thế nào để sử dụng "khung" thuộc tính để kiểm soát biên giới xung quanh bàn .

Bảng Download HTML

TagMô tả
<table>Định nghĩa một bảng
<th>Định nghĩa một tiêu đề bảng
<tr>Định nghĩa một dòng của bảng
<td>Định nghĩa một ô trong bảng
<caption>Định nghĩa một bảng chú thích
<colgroup>Định nghĩa một nhóm của các cột trong một bảng, để định dạng
<col />Xác định giá trị thuộc tính cho một hoặc nhiều cột trong một bảng
<thead>Nhóm nội dung tiêu đề trong một bảng
<tbody>Nhóm nội dung cơ thể trong một bảng
<tfoot>Nhóm các nội dung footer trong một bảng

Read Users' Comments (0)

Đăng ký: Bài đăng (Atom)

Support

Liên hệ DMTuan-Uneti
Mọi thông tin góp ý các bạn liên hệ với mình ! Mail:
  1. manhtuan.leo@gmail.com
  2. manhtuan.itvp@gmail.com
Y!M: manhtuan.it92