PDA

View Full Version : [DIS] Tự hoc HTLM căn bản để viết Web.



Saigon75
10-11-2002, 17:06
Các bạn thân mến !
Tôi đang tự học HTLM vỡ lòng ABC...để viết Web bằng ngôn ngữ lập trình này . Xin mời các bạn tham dự! Đây là bài vỡ lòng đâu tiên mình mới vừa học ngày hôm qua:

HTLM Khái niệm căn bản?

HTML tượng trưng cho bốn chữ Hyper Text Markup Language. Nó là một "Text File " bao gồm một số "Markup Tags".

Những cái markup tags này làm cho Web browser của bạn biết cách trình bày trang Web của bạn. Một HTML file phải có đuôi tận cùng bằng .htm hoặc là .html . Thí dụ như : myfirstwebpage.htm hoặc myfirstwebpage.htlm thì mới có giá trị.

Một HTML file có thể được sáng tạo bởi một simple text editor như Note Pad trong WordProcessing của hệ thống Window. hoặc Simple Text trong Mac version .

Một chút thực tập mở đầu về HTLM File nha các bạn :

Nếu như bạn sử dụng hệ thống Window thì vào Notepad hoặc vào SimpleText nếu như bạn sử dụng Mac . Bạn tạo ra một HTLM File như sau :


<html>
<head>
<title>Title of page</title>
</head>
<body>
Viết bất cứ cái gì bạn muốn vào đây nha
<b>Viết bất cứ cái gì bạn thích vào dây nha.
Ha ha ha đây là trang web đầu tiên của mình</b>
</body>
</html>


Xong bạn save cài file này lại dưới dạng có đuôi là htm hoặc html như đã nói ờ phần trên . Thôi mình cứ chọn là mypage.htm cho tiện .

Bạn khởi động Internet Browser chọn “Open” trong cửa sổ File
Menu thì một Dialog Box sẽ xuất hiện , bạn chọn Browse và tìm cái File HTML mà mình vừa mới làm( mypage.htm ) và click OK. Bây giờ trong Dialog Box có 1 địa chỉ là :
“C:\MyDocuments\mypage.htm”

Bạn Click OK thì trong Browser của bạn sẻ xuất hiện những nội dung trong File HTLM cùa bạn .

Giải thích vể bài tập này
Cái tag đầu tiên trong HTML file là <html>. Cái tag này báo cho browser của bạn một mệnh lệnh để khời động HTLM file của bạn. Cái tag cuối cùng trong file HTML của bạn là </html>. Cái tag này báo cho browser của bạn một mệnh lệnh để kết thúc file HTML này.

Cái text chính giữa <head> tag và </head> tag gọi là header information. Header information thì không có trình bày trong cửa sổ browser của bạn. Cái text chính giữa cái <title> tags là cái tựa đề document của bạn và nó sẽ được trình bày bằng chữ viết caption trong browser cùa bạn.

Cái text ở chính giữa cái <body> tags là những hàng chữ (Text) sẽ xuất hiện trong browser của bạn.

Những hàng chữ giữa <b> and </b> tags sẽ xuất hiện bằng bold font .

HTM or HTML Extension?

Khi bạn sáng tạo một HTML file, bạn có thể dùng cả 2 .htm hoặc .html extension. Trong thí dụ này chúng ta dùng .htm. Có lẽ đây là một thói quen có sẵn khi trong quá khứ chúng ta thường hay dùng phần mở rộng gồm 3 chữ cái, nhưng với những phần mềm hiện nay thì .html hay .htm thì cũng hoàn toàn như nhau!

Chú ý thể hiện trang Web bằng chữ Viêt có dấu thì phài có một phần mềm khác . Trong bài này chỉ thể hiện bằng mẫu tự không dấu mà thôi , bạn có thể Edit cái source code này theo ý bạn thích.

Phụ đề:

Bạn muốn biết thực sự HTML File của bất cứ trang Web , bạn chỉ cần Right Click con chuột và chọn Source Code .

Xin mời các bạn tham gia thảo luận để cùng nhau học hỏi.

Thân chào !

aspnet
11-11-2002, 00:48
Xin phép bạn cho bài viết này sang diễn đàn http://www.aspvn.net nha ;);)

Saigon75
11-11-2002, 21:34
Chào bạn !Cảm ơn đã sửa đổi bài viết có ngăn nắp sáng sủa.
Hảy tự nhiên chuyển sang AspVn ! Mục đích chung là để củng nhau học hỏi mà ! Mình đang học vể HTML Tag kề tiếp sẻ viết tiếp
nhưng có 1 trờ ngại là mỉnh không chuyển ngữ sang chử Việt một cách rành rẻ được ! Thân !

aspnet
11-11-2002, 22:42
Thanks a lots ;);)

Saigon75
15-11-2002, 04:28
HTLM Tags là gì ?
Xin các b?n tham kh?o đo?n mã r?t là đơn gi?n HTLM File sau đây :
html>
<head>
<title>My DDTH Forum</title>
</head><body>
<h2>My first HTML document</h2>
Hello! <i>Hue Saigon Hanoi!</i>
<!--Tinh khong nhu la mo , Mo cung khong duoc dau -->
<p>
Composed with care by:
<cite>Saigon 75 </cite>
<br>&copy;2002 and beyond
</body>
</html>
Nó s? th? hi?n lên browser c?a b?n như sau :

My first HTML document
Hello! Hue Saigon Hanoi!
Composed with care by: Saigon 75
©2002 and beyond
Có l? b?n s? chú ý ngay l?p t?c và ng?c nhiên khi th?y r?ng browser c?a b?n ch? th? hi?n chưa t?i phân n?a trong đo?n mã HTML này . T?t c? nh?ng d?u hi?u nh? hơn ( < ) ho?c ( > ) và nh?ng gì ch?a đ?ng trong 2 ký t? <----> đ?u bi?n m?t .
Chúng ta đư?c gi?i thích r?ng HTML và XHTML đ?u là nh?ng ngôn ng? đư?c nhúng vào v?i nh?ng ký mã t? ( embedded languages ) mà b?n có th? đưa vào nh?ng hư?ng d?n c?a nó và browser c?a b?n s? dùng nh?ng tin t?c ch?a đ?ng trong nh?ng đo?n tags này đ? trình bày nh?ng văn b?n theo ý mu?n c?a b?n .
Trong đo?n mã HTLM trên , ta có <i> tag đi theo sau ch? Hello ! ra m?nh l?nh cho browser trình bày nh?ng ch? theo sau nó ph?i ? th? lo?i ch? nghiêng ( Italics ) ....vân vân...
Nói chung HTML Tags là nh?ng m?nh l?nh đươc ngư?i ta vi?t ra ? gi?a nh?ng d?u hi?u nh? hơn ( < ) và
l?n hơn ( > ) mà trong t? ng? chuyên môn b?ng ti?ng Anh ngư?i ta còn g?i là Angle Brackets , nó dùng đ? ch? đ?nh browser ph?i trình bày văn b?ng c?a b?n như th? nào .
Chúng ta có tag m? đ?u và tag k?t thúc ( h?u h?t đ?u có tag k?t thúc ngo?i tr? m?t s? trư?ng h?p ngo?i l? ) ,
và nh?ng hi?u l?nh ch?a đ?ng trong vòng 2 tags n?y .C? 2 đ?n tags m? đ?u và k?t thúc đ?u có chung m?t hi?u l?nh nhưng đ?an tag k?t thúc có mang thêm d?u g?ch xéo nghiêng v? phía trư?c ( / ) . Thí d? như trong đo?n mã HTLM trên ta có tag m? đ?u ch?a hi?u l?nh ( i ) là <i> theo sau nó là tag đ? k?t thúc hi?u l?nh c?a nó là </i>.

Theo tôi cách hay nh?t đ? h?c HTLM là h?c v?i nh?ng thí d? c?a nó .

Sau đây là nh?ng HTLM Tags căn b?n c?n thi?t nh?t đã đư?c t? m? coding dành cho các b?n xem xét :

Sample coding 1:

Đây là m?t văn b?n HTML đơn gi?n :
<html>
<body>
Noi dung cua than bai nay se duoc trinh bay trong browser cua cac ban .
</body>
</html>

Ta có :

Noi dung cua than bai nay se duoc trinh bay trong browser cua cac ban .
Sample coding 2:
Chúng ta dùng tag <p> đ? sau khi sáng t?o ra m?t đo?n văn b?ng và mu?n xu?ng hàng đ? t?o ra m?t đo?n văn khác.
<p>Day la mot doan van ban</p>
<p>Day la mot doan van ban khac nua</p>
Coding như sau :
<html>
<body>
<p>Dau la mot doan van</p>
<p>Day la mot doan van khac</p>
<p>Day la mot doan van khac nua</p>
<p>Hay dung hieu lenh <p>tag nay de xuong hang va tao mot doan van khac</p>
</body>
</html>
Ta có
Dau la mot doan van
Day la mot doan van khac
Day la mot doan van khac nua
Hay dung hieu lenh tag nay de xuong hang va tao mot doan van khac
Sample coding 3 :
Chúng ta dùng tag <h> đ? t?o ra đ? t?a trong thân bài ., nó giá tr? t? 1 cho đ?n 6 , giá tr? 1 là l?n nh?t , giá tr? 6 là nh? nh?t .
Do m?c đ?nh s?n HTML s? t? đ?ng t?o ra m?t kho?ng tr?ng trư?c và sau đ?u đ? .
Coding:
<html>
<body>
<h1>Day la dau de 1</h1>
<h2>Day la dau de 2</h2>
<h3>Day la dau de 3</h3>
<h4>Day la dau de 4</h4>
<h5>Day la dau de 5</h5>
<h6>Day la dau de 6</h6>
Ta có
Day la dau de 1
Day la dau de 2
Day la dau de 3
Day la dau de 4
Day la dau de 5
Day la dau de 6
Ghi nh? r?ng tag <h> ch? dùng đ? làm đ?u đ? mà thôi .
( Còn ti?p theo.....)
Thân m?n !



HTLM Tags là gì ?

traixanha
16-11-2002, 00:49
khi ban hoc HTML roi ,thi chuye nsang dung Dreamveaver hay frontpage thi de dang hon va le nua,chuc ban thanh cong ,nhung truoc het phai biet HTML ro isang may cia kia

Saigon75
16-11-2002, 20:05
Cám ơn bạn traixanha , còn tôi là gái xa nhà đây , trước mình cũng o Saigon chơ Vườn Chuối ! Mình có rât nhiểu phần mềm đê làm Web như Xara WebStle ,DreamWaver... frontpage... nhưng vẩn thích tự học để hiểu thêm , giống như ăn tô mì Quãng mà không biết phương pháp biết ngưới ta nấu ăn ra sao ...
Thân !

Saigon75
16-11-2002, 21:19
Clean up your Web pages
with HTML TIDY
Introduction to TIDY
When editing HTML it's easy to make mistakes. Wouldn't it be nice if there was a simple way to fix these mistakes automatically and tidy up sloppy editing into nicely layed out markup? Well now there is! Dave Raggett's HTML TIDY is a free utility for doing just that. It also works great on the atrociously hard to read markup generated by specialized HTML editors and conversion tools, and can help you identify where you need to pay further attention on making your pages more accessible to people with disabilities.
Tidy is able to fix up a wide range of problems and to bring to your attention things that you need to work on yourself. Each item found is listed with the line number and column so that you can see where the problem lies in your markup. Tidy won't generate a cleaned up version when there are problems that it can't be sure of how to handle. These are logged as "errors" rather than "warnings".
Examples of TIDY at work
Tidy corrects the markup in a way that matches where possible the observed rendering in popular browsers from Netscape and Microsoft. Here are just a few examples of how TIDY perfects your HTML for you:
· Missing or mismatched end tags are detected and corrected
<h1>heading
<h2>subheading</h3>
is mapped to
<h1>heading</h1>
<h2>subheading</h2>
· End tags in the wrong order are corrected:
<p>here is a para <b>bold <i>bold italic</b> bold?</i> normal?
is mapped to
<p>here is a para <b>bold <i>bold italic</i> bold?</b> normal?
· Fixes problems with heading emphasis
<h1><i>italic heading</h1>
<p>new paragraph
In Netscape and Internet Explorer this causes everything following the heading to be in the heading font size, not the desired effect at all!
Tidy maps the example to
<h1><i>italic heading</i></h1>
<p>new paragraph
· Recovers from mixed up tags
<i><h1>heading</h1></i>
<p>new paragraph <b>bold text
<p>some more bold text
Tidy maps this to
<h1><i>heading</i></h1>
<p>new paragraph <b>bold text</b>
<p><b>some more bold text</b>
· Getting the <hr> in the right place:
<h1><hr>heading</h1>
<h2>sub<hr>heading</h2>
Tidy maps this to
<hr>
<h1>heading</h1>
<h2>sub</h2>
<hr>
<h2>heading</h2>
· Adding the missing "/" in end tags for anchors:
<a href="#refs">References<a>
Tidy maps this to
<a href="#refs">References</a>
· Perfecting lists by putting in tags missed out:
<body>
<li>1st list item
<li>2nd list item
is mapped to
<body>
<ul>
<li>1st list item</li>
<li>2nd list item</li>
</ul>
· Missing quotes around attribute values are added
Tidy inserts quote marks around all attribute values for you. It can also detect when you have forgotten the closing quote mark, although this is something you will have to fix yourself.
· Unknown/Proprietary attributes are reported
Tidy has a comprehensive knowledge of the attributes defined in the HTML 4.0 recommendation from W3C. This often allows you to spot where you have mistyped an attribute or value.
· Proprietary elements are recognized and reported as such.
Tidy will even work out which version of HTML you are using and insert the appropriate DOCTYPE element, as per the W3C recommendations.
· Tags lacking a terminating '>' are spotted
This is something you then have to fix yourself as Tidy is unsure of where the > should be inserted.
Layout style
You can choose which style you want Tidy to use when it generates the cleaned up markup: for instance whether you like elements to indent their contents or not. Several people have asked if Tidy could preserve the original layout. I am sorry to say that this would be very hard to support due to the way Tidy is implemented. Tidy starts by building a clean parse tree from the source file. The parse tree doesn't contain any information about the original layout. Tidy then pretty prints the parse tree using the current layout options. Trying to preserve the original layout would interact badly with the repair operations needed to build a clean parse tree and considerably complicate the code.
Some browsers can screw up the right alignment of text depending on how you layout headings. As an example, consider:
<h1 align="right">
Heading
</h1>

<h1 align="right">Heading</h1>
Both of these should be rendered the same. Sadly a common browser bug fails to trim trailing whitespace and misaligns the first heading. HTML Tidy will protect you from this bug, except when you set the indent option to "yes".
Setting the indent option to yes can also cause problems with table layout for some browsers:
<td><img src="foo.gif"></td>
<td><img src="foo.gif"></td>
will look slightly different from:
<td>
<img src="foo.gif">
</td>
<td>
<img src="foo.gif">
</td>
You can avoid such quirks by using indent: no or indent: auto in the config file.
Internationalization issues
Tidy offers you a choice of character encodings: US ASCII, ISO Latin-1, UTF-8 and the ISO 2022 family of 7 bit encodings. The full set of HTML 4.0 entities are defined. Cleaned up output uses HTML entity names for characters when appropriate. Otherwise characters outside the normal range are output as numeric character entities. Tidy defaults to assuming you want the output to be in US ASCII. Tidy doesn't yet recognize the use of the HTML meta element for specifying the character encoding.
Accessibility
Tidy offers advice on accessibility problems for people using non-graphical browsers. The most common thing you will see is the suggestion you add a summary attribute to table elements. The idea is to provide a summary of the table's role and structure suitable for use with aural browsers.
Cleaning up presentational markup
Many tools generate HTML with an excess of FONT, NOBR and CENTER tags. Tidy's -clean option will replace them by style properties and rules using CSS. This makes the markup easier to read and maintain as well as reducing the file size! Tidy is expected to get smarter at this in the future.
Some pages rely on the presentation effects of isolated <p> or </p> tags.Tidy deletes empty paragraph and heading elements etc. The use of empty paragraph elements is not recommended for adding vertical whitespace. Instead use style sheets, or the <br> element. Tidy won't discard paragraphs only containing a nonbreaking space &nbsp;
Teaching Tidy about new tags!
You can teach Tidy about new tags by declaring them in the configuration file, the syntax is:
new-inline-tags: tag1, tag2, tag3
new-empty-tags: tag1, tag2, tag3
new-blocklevel-tags: tag1, tag2, tag3
new-pre-tags: tag1, tag2, tag3
The same tag can be defined as empty and as inline or as empty and as block.
These declarations can be combined to define an a new empty inline or empty block element, but you are not advised to declare tags as being both inline and block!
Note that the new tags can only appear where Tidy expects inline or block-level tags respectively. This means you can't (yet) place new tags within the document head or other contexts with restricted content models. So far the most popular use of this feature is to allow Tidy to be applied to Cold Fusion files.
Limited support for ASP, JSTE and PHP
Tidy is somewhat aware of the preprocessing language called ASP which uses a pseudo element syntax <% ... %> to include preprocessor directives. ASP is normally interpreted by the web server before delivery to the browser. JSTE shares the same syntax, but sometimes also uses <# ... #>. Tidy can also cope with another such language called PHP, which uses the syntax <?php ... ?>
Tidy will cope with ASP, JSTE and PHP pseudo elements within element content and as replacements for attributes, for example:
<option <% if rsSchool.Fields("ID").Value
= session("sessSchoolID")
then Response.Write("selected") %>
value='<%=rsSchool.Fields("ID").Value%>'>
<%=rsSchool.Fields("Name").Value%>
(<%=rsSchool.Fields("ID").Value%>)
</option>
Note that Tidy doesn't understand the scripting language used within pseudo elements and attributes, and can easily get confused. Tidy may report missing attributes when these are hidden within preprocessor code. Tidy can also get things wrong if the code includes quote marks, e.g. if the example above is changed to:
value="<%=rsSchool.Fields("ID").Value%>"
Tidy will now see the quote mark preceding ID as ending the attribute value, and proceed to complain about what follows. Note you can choose whether to allow line wrapping on spaces within pseudo elements or not using the wrap-asp option. If you used ASP, JSTE or PHP to create a start tag, but placed the end tag explicitly in the markup, Tidy won't be able to match them up, and will delete the end tag for you. So in this case you are advise to make the start tag explicit and to use ASP, JSTE or PHP for just the attributes, e.g.
<a href="<%=random.site()%>">do you feel lucky?</a>
Tidy allows you to control whether line wrapping is enabled for ASP, JSTE and PHP instructions, see the wrap-asp, wrap-jste and wrap-php config options, respectively.
I regret that Tidy does not support Tango preprocessing instructions which look like:
<@if variable_1='a'>
do something
<@else>
do nothing
</@if>

<@include <@cgi><@appfilepath>includes/message.html>
Tidy supports another preprocessing syntax called "Tango", but only for attribute values. Adding support for pseudo elements written in Tango looks as if it would be quite tough, so I would like to gauge the level of interest before committing to this work.
Limited support for XML
XML processors compliant with W3C's XML 1.0 recommendation are very picky about which files they will accept. Tidy can help you to fix errors that cause your XML files to be rejected. Tidy doesn't yet recognize all XML features though, e.g. it doesn't understand CDATA sections or DTD subsets.
Creating Slides
The -slides option allows you to burst a single HTML file into a number of linked slides. Each H2 element in the input file is treated as delimiting the start of the next slide. The slides are named slide1.html, slide2.html, slide3.html etc. This is a relatively new feature and ideas are welcomed as to how to improve it. In particular, I plan to add support to the configuration file for setting the style sheet for slides and for customizing the slides via a template.
I would be interested in hearing from anyone who can offer help with using JavaScript for adding dynamic effects to slides, for instance similar to those available in Microsoft PowerPoint.
Indenting text for a better layout
Indenting the content of elements makes the markup easier to read. Tidy can do this for all elements or just for those where it's needed. The auto-indent mode has been used below to avoid indenting the content of title, p and li elements:
<html>
<head>
<title>Test document</title>
</head>

<body>
<p>para which has enough text to cause a line break,
and so test the wrapping mechanism for long lines.</p>
<pre>
This is
<em>genuine
preformatted</em>
text
</pre>

<ul>
<li>1st list item</li>

<li>2nd list item</li>
</ul>
<!-- end comment -->
</body>
</html>
Indenting the content does increase the size of the file, so you may prefer Tidy's default style:
<html>
<head>
<title>Test document</title>
</head>
<body>
<p>para which has enough text to cause a line break,
and so test the wrapping mechanism for long lines.</p>

<pre>This is
<em>genuine
preformatted</em>
text
</pre>

<ul>
<li>1st list item </li>

<li>2nd list item</li>
</ul>

<!-- end comment -->
</body>
</h
tml>
( Con tiếp )

Saigon75
16-11-2002, 21:26
How to run tidy
HTML tidy is not (yet) a Windows program. If you run tidy without any arguments, it will just sit there waiting to read markup on the stdin stream. Tidy's input and output default to stdin and stdout respectively. Errors are written to stderr but can be redirected to a file with the -f filename option.
I generally use the -m option to get tidy to update the original file, and if the file is particularly bad I also use the -f option to write the errors to a file to make it easier to review them. Tidy supports a small set of character encoding options. The default is ASCII, which makes it easy to edit markup in regular text editors.
For instance:
tidy -f errs.txt -m index.html
which runs tidy on the file "index.html" updating it in place and writing the error messages to the file "errs.txt". Its a good idea to save your work before tidying it, as with all complex software, tidy may have bugs. If you find any please let me know!

Tidy's Options
To get a list of available options use:
tidy -help
You may want to run it through more to view the help a page at a time.
tidy -help | more
Input and Output default to stdin/stdout respectively. Single letter options apart from -f may be combined as in: tidy -f errs.txt -imu foo.html
Using a Configuration File
Tidy now supports a configuration file, and this is now much the most convenient way to configure Tidy. Assuming you have created a config file named "config.txt" (the name doesn't matter), you can instruct Tidy to use it via the command line option -config config.txt, e.g.
tidy -config config.txt file1.html file2.html
Alternatively, you can name the default config file via the environment variable named "HTML_TIDY". Note this should be the absolute path since you are likely to want to run Tidy in different directories. You can also set a config file at compile time by defining CONFIG_FILE as the path string, see platform.h.
You can now set config options on the command line by preceding the name of the option immediately (no intervening space) by "--", for example:
tidy --break-before-br true --show-warnings false
The following options are supported:
tidy-mark: bool
If set to yes (the default) Tidy will add a meta element to the document head to indicate that the document has been tidied. To suppress this, set tidy-mark to no. Tidy won't add a meta element if one is already present.
markup: bool
Determines whether Tidy generates a pretty printed version of the markup. Bool values are either yes or no. Note that Tidy won't generate a pretty printed version if it finds unknown tags, or missing trailing quotes on attribute values, or missing trailing '>' on tags. The default is yes.
wrap: number
Sets the right margin for line wrapping. Tidy tries to wrap lines so that they do not exceed this length. The default is 66. Set wrap to zero if you want to disable line wrapping.
wrap-attributes: bool
If set to yes, attribute values may be wrapped across lines for easier editing. The default is no. This option can be set independently of wrap-scriptlets
wrap-script-literals: bool
If set to yes, this allows lines to be wrapped within string literals that appear in script attributes. The default is no. The example shows how Tidy wraps a really really long script string literal inserting a backslash character before the linebreak:
<a href="somewhere.html" onmouseover="document.status = '...some \
really, really, really, really, really, really, really, really, \
really, really long string..';">test</a>
wrap-asp: bool
If set to no, this prevents lines from being wrapped within ASP pseudo elements, which look like: <% ... %>. The default is yes.
wrap-jste: bool
If set to no, this prevents lines from being wrapped within JSTE pseudo elements, which look like: <# ... #>. The default is yes.
wrap-php: bool
If set to no, this prevents lines from being wrapped within PHP pseudo elements. The default is yes.
literal-attributes: bool
If set to yes, this ensures that whitespace characters within attribute values are passed through unchanged. The default is no.
tab-size: number
Sets the number of columns between successive tab stops. The default is 4. It is used to map tabs to spaces when reading files. Tidy never outputs files with tabs.
indent: no, yes or auto
If set to yes, Tidy will indent block-level tags. The default is no. If set to auto Tidy will decide whether or not to indent the content of tags such as title, h1-h6, li, td, th, or p depending on whether or not the content includes a block-level element. You are advised to avoid setting indent to yes as this can expose layout bugs in some browsers.
indent-spaces: number
Sets the number of spaces to indent content when indentation is enabled. The default is 2 spaces.
indent-attributes: bool
If set to yes, each attribute will begin on a new line. The default is no.
hide-endtags: bool
If set to yes, optional end-tags will be omitted when generating the pretty printed markup. This option is ignored if you are outputting to XML. The default is no.
input-xml: bool
If set to yes, Tidy will use the XML parser rather than the error correcting HTML parser. The default is no.
output-xml: bool
If set to yes, Tidy will use generate the pretty printed output writing it as well-formed XML. Any entities not defined in XML 1.0 will be written as numeric entities to allow them to be parsed by an XML parser. The tags and attributes will be in the case used in the input document, regardless of other options. The default is no.
add-xml-pi: bool
add-xml-decl: bool
If set to yes, Tidy will add the XML declatation when outputting XML or XHTML. The default is no. Note that if the input document includes an <?xml?> declaration then it will appear in the output independent of the value of this option.
output-xhtml: bool
If set to yes, Tidy will generate the pretty printed output writing it as extensible HTML. The default is no. This option causes Tidy to set the doctype and default namespace as appropriate to XHTML. If a doctype or namespace is given they will checked for consistency with the content of the document. In the case of an inconsistency, the corrected values will appear in the output. For XHTML, entities can be written as named or numeric entities according to the value of the "numeric-entities" property. The tags and attributes will be output in the case used in the input document, regardless of other options.
doctype: omit, auto, strict, loose or <fpi>
This property controls the doctype declaration generated by Tidy. If set to omit the output file won't contain a doctype declaration. If set to auto (the default) Tidy will use an educated guess based upon the contents of the document. If set to strict, Tidy will set the doctype to the strict DTD. If set to loose, the doctype is set to the loose (transitional) DTD. Alternatively, you can supply a string for the formal public identifier (fpi) for example:
doctype: "-//ACME//DTD HTML 3.14159//EN"
If you specify the fpi for an XHTML document, Tidy will set the system identifier to the empty string. Tidy leaves the document type for generic XML documents unchanged.
char-encoding: raw, ascii, latin1, utf8 or iso2022
Determines how Tidy interprets character streams. For ascii, Tidy will accept Latin-1 character values, but will use entities for all characters whose value > 127. For raw, Tidy will output values above 127 without translating them into entities. For latin1 characters above 255 will be written as entities. For utf8, Tidy assumes that both input and output is encoded as UTF-8. You can use iso2022 for files encoded using the ISO2022 family of encodings e.g. ISO 2022-JP. The default is ascii.
numeric-entities: bool
Causes entities other than the basic XML 1.0 named entities to be written in the numeric rather than the named entity form. The default is no
quote-marks: bool
If set to yes, this causes " characters to be written out as &quot; as is preferred by some editing environments. The apostrophe character ' is written out as ***39; since many web browsers don't yet support &apos;. The default is no.
quote-nbsp: bool
If set to yes, this causes non-breaking space characters to be written out as entities, rather than as the Unicode character value 160 (decimal). The default is yes.
quote-ampersand: bool
If set to yes, this causes unadorned & characters to be written out as &amp;. The default is yes.
assume-xml-procins: bool
If set to yes, this changes the parsing of processing instructions to require ?> as the terminator rather than >. The default is no. This option is automatically set if the input is in XML.
fix-backslash: bool
If set to yes, this causes backslash characters "\" in URLs to be replaced by forward slashes "/". The default is yes.
break-before-br: bool
If set to yes, Tidy will output a line break before each <br> element. The default is no.
uppercase-tags: bool
Causes tag names to be output in upper case. The default is no resulting in lowercase, except for XML input where the original case is preserved.
uppercase-attributes: bool
If set to yes attribute names are output in upper case. The default is no resulting in lowercase, except for XML where the original case is preserved.
word-2000: bool
If set to yes, Tidy will go to great pains to strip out all the surplus stuff Microsoft Word 2000 inserts when you save Word documents as "Web pages". The default is no. Note that Tidy doesn't yet know what to do with VML markup from Word, but in future I hope to be able to map VML to SVG.

Microsoft has developed its own optional filter for exporting to HTML, and the 2.0 version is much improved. You can download the filter free from the Microsoft Office Update site <http://office.microsoft.com/downloads/2000/Msohtmf2.aspx>.
clean: bool
If set to yes, causes Tidy to strip out surplus presentational tags and attributes replacing them by style rules and structural markup as appropriate. It works well on the html saved from Microsoft Office'97. The default is no.
logical-emphasis: bool
If set to yes, causes Tidy to replace any occurrence of i by em and any occurrence of b by strong. In both cases, the attributes are preserved unchanged. The default is no. This option can now be set independently of the clean and drop-font-tags options.
drop-empty-paras: bool
If set to yes, empty paragraphs will be discarded. If set to no, empty paragraphs are replaced by a pair of br elements as HTML4 precludes empty paragraphs. The default is yes.
drop-font-tags: bool
If set to yes together with the clean option (see above), Tidy will discard font and center tags rather than creating the corresponding style rules. The default is no.
enclose-text: bool
If set to yes, this causes Tidy to enclose any text it finds in the body element within a p element. This is useful when you want to take an existing html file and use it with a style sheet. Any text at the body level will screw up the margins, but wrap the text within a p element and all is well! The default is no.
enclose-block-text: bool
If set to yes, this causes Tidy to insert a p element to enclose any text it finds in any element that allows mixed content for HTML transitional but not HTML strict. The default is no.
fix-bad-comments: bool
If set to yes, this causes Tidy to replace unexpected hyphens with "=" characters when it comes across adjacent hyphens. The default is yes. This option is provided for users of Cold Fusion which uses the comment syntax: <!--- --->
add-xml-space: bool
If set to yes, this causes Tidy to add xml:space="preserve" to elements such as pre, style and script when generating XML. This is needed if the whitespace in such elements is to be parsed appropriately without having access to the DTD. The default is no.
alt-text: string
This allows you to set the default alt text for img attributes. This feature is dangerous as it suppresses further accessibility warnings. YOU ARE RESPONSIBLE FOR MAKING YOUR DOCUMENTS ACCESSIBLE TO PEOPLE WHO CAN'T SEE THE IMAGES!!!
write-back: bool
If set to yes, Tidy will write back the tidied markup to the same file it read from. The default is no. You are advised to keep copies of important files before tidying them as on rare occasions the result may not always be what you expect.
keep-time: bool
If set to yes, Tidy won't alter the last modified time for files it writes back to. The default is yes. This allows you to tidy files without effecting which ones will be uploaded to the Web server when using a tool such as 'SiteCopy'. Note that this feature may not work on some platforms.
error-file: filename
Writes errors and warnings to the named file rather than to stderr.
show-warnings: bool
If set to no, warnings are suppressed. This can be useful when a few errors are hidden in a flurry of warnings. The default is yes.
quiet: bool
If set to yes, Tidy won't output the welcome message or the summary of the numbers of errors and warnings. The default is no.
gnu-emacs: bool
If set to yes, Tidy changes the format for reporting errors and warnings to a format that is more easily parsed by GNU Emacs. The default is no.
split: bool
If set to yes Tidy will use the input file to create a sequence of slides, splitting the markup prior to each successive <h2>. The slides are written to "slide1.html", "slide2.html" etc. The default is no.
new-empty-tags: tag1, tag2, tag3
Use this to declare new empty inline tags. The option takes a space or comma separated list of tag names. Unless you declare new tags, Tidy will refuse to generate a tidied file if the input includes previously unknown tags. Remember to also declare empty tags as either inline or blocklevel, see below.
new-inline-tags: tag1, tag2, tag3
Use this to declare new non-empty inline tags. The option takes a space or comma separated list of tag names. Unless you declare new tags, Tidy will refuse to generate a tidied file if the input includes previously unknown tags.
new-blocklevel-tags: tag1, tag2, tag3
Use this to declare new block-level tags. The option takes a space or comma separated list of tag names. Unless you declare new tags, Tidy will refuse to generate a tidied file if the input includes previously unknown tags. Note you can't change the content model for elements such as table, ul, ol and dl.
new-pre-tags: tag1, tag2, tag3
Use this to declare new tags that are to be processed in exactly the same way as HTML's pre element. The option takes a space or comma separated list of tag names. Unless you declare new tags, Tidy will refuse to generate a tidied file if the input includes previously unknown tags. Note you can't as yet add new CDATA elements (similar to script).
Sample Config File
This is just an example to get you started.
// sample config file for HTML tidy
indent: auto
indent-spaces: 2
wrap: 72
markup: yes
output-xml: no
input-xml: no
show-warnings: yes
numeric-entities: yes
quote-marks: yes
quote-nbsp: yes
quote-ampersand: no
break-before-br: no
uppercase-tags: no
uppercase-attributes: no
char-encoding: latin1
new-inline-tags: cfif, cfelse, math, mroot,
mrow, mi, mn, mo, msqrt, mfrac, msubsup, munderover,
munder, mover, mmultiscripts, msup, msub, mtext,
mprescripts, mtable, mtr, mtd, mth
new-blocklevel-tags: cfoutput, cfquery
new-empty-tags: cfelse
Using Tidy from scripts
If you want to run Tidy from a Perl or other scripting language you may find it of value to inspect the result returned by Tidy when it exits: 0 if everything is fine, 1 if there were warnings and 2 if there were errors. This is an example using Perl:
if (close(TIDY) == 0) {
my $exitcode = $? >> 8;
if ($exitcode == 1) {
printf STDERR "tidy issued warning messages\n";
} elsif ($exitcode == 2) {
printf STDERR "tidy issued error messages\n";
} else {
die "tidy exited with code: $exitcode\n";
}
} else {
printf STDERR "tidy detected no errors\n";
}

Download tại đây :

http://tidy.sourceforge.net/
Trang web nay có nhiếu dụng cụ hữu ích cho việc lập trỉnh Web !
Thân !
Saigon 75

Saigon75
16-11-2002, 22:38
Office 2000 HTML Filter 2.0
The Office HTML Filter is a tool you can use to remove Office-specific markup tags embedded in Office 2000 documents saved as Hypertext Markup Language (HTML). When you create an HTML document in Office 2000, Office-specific markup tags are embedded in it. These tags help "round-trip" the document for editing purposes. For example, if you create the document in Word 2000 and save it as HTML, the code embedded in the document allows you to re-open the document in Word 2000 and use the same features you originally used to create the page.

Here is the file that have only around 260 KB !
Good luck
Saigon 75

Saigon75
17-11-2002, 04:57
HTML Tag ( tiep theo )
MORE PARAGRAPHS :
Trong coding sample duoi day , ban se hoc cach lam sao de tao dung nhieu doan van paragraphs trong phan body .
<html>
<body>
<p>
Trong doan van nay
chua dung rat nhieu hang
trong ma nguon HTLM ,
nhung browser khong co
quan tam den .
</p>
<p>
Trong doan van nay
chua dung rat nhieu khoang trong
trong ma nguon HTLM
nhung browser khong co
quan tam den
</p>

<p>
So hang trong mot doan van tuy thuoc theo kich thuoc cua browser window. Neu ban thay doi kich thuoc cua browser window,thi so hang trong doan van nay se thay doi .
</p>

</body>
</html>
Browser se hien ra nhu sau :

Trong doan van nay chua dung rat nhieu hang trong ma nguon HTLM , nhung browser khong co quan tam den .

Trong doan van nay chua dung rat nhieu khoang trong trong ma nguon HTLM nhung browser khong co quan tam den

So hang trong mot doan van tuy thuoc theo kich thuoc cua browser window. Neu ban thay doi kich thuoc cua browser window,thi so hang trong doan van nay se thay doi .

LINE BREAK :

Ta dung tags <br> de ngat ra tung doan nho cua mot cau van . Day la ma nguon :

<html>
<body>
<p>
Ta dung tag<br>de ngat ra<br>tung doan nho<br>cua mot cau van,<br>ta dung br tag .
</p>
</body>
</html>
Ta co trong browser nhu sau :

Ta dung tag br
de ngat ra
tung doan nho
cua mot cau van,
ta dung br tag .

CENTER ALIGNED HEADING :

Ban dung hieu lenh tag nay <h1 align="center"> .Chu y ="center" am chi value cua tag nay .
Doan coding nay se lam cho heading nam o chinh giua trang Web

<html>
<body>

<h1 align="center">CHI TIET HOP MAT CUA DIEN DAN TIN HOC</h1>

<p>De tua o tren day se nam chinh giua trang Web cua cac ban.De tua o tren day se nam chinh giua trang Web cua cac ban.De tua o tren day se nam chinh giua trang Web.</p>
</body>
</html>
Ta co trong browser nhu sau :
CHI TIET HOP MAT CUA DIEN DAN TIN HOC
De tua o tren day se nam chinh giua trang Web cua cac ban.De tua o tren day se nam chinh giua trang Web cua cac ban.De tua o tren day se nam chinh giua trang Web.

HORIZONTAL RULE :

Ban dung tag nay <hr> de tao ra mot duong ke thang nam ngang , tham khao coding nay :

<html>
<body>
<p>Cai tag hr de tao ra mot duong ke thang nam ngang:</p>
<hr>
<p>Day la mot la thu tinh khong bao gio doc</p>
<hr>
Ta co trong browser nhu sau :

Cai tag hr de tao ra mot duong ke thang nam ngang:


--------------------------------------------------------------------------------

Day la mot la thu tinh khong bao gio doc

--------------------------------------------------------------------------------

HIDDEN COMMENTS :
Ban dung tag nay <!--nhung loi to tinh khong bao gio the tho--> de dua ra nhung de nghi ma no se the hien , duoc dau di trong browser cua ban , thuong dung de them phu chu ve coding de dung ve sau hoac giai thich coding ban viet ra . Day la doan ma thi du :
<html>
<body>
<!--Nhung loi to tinh khong bao gio tho the-->
<p>Day la mot doan van duoc trinh bay</p>
</body>

</html
Ta co :
Day la mot doan van duoc trinh bay
BACKGROUND COLOR
Ban dung tag hieu lenh cung voi value nhu la <body bgcolor="yellow"> .
Xem coding nay ban co background la mau vang .
<html>
<body bgcolor="yellow">
<h2>No se the hien background cua ban thanh mau vang!</h2>
</body>
</html>
Chuc thanh cong !
Saigon 75

phamanhhuy87
10-03-2007, 18:07
pro oi cho hoi la lam sao minh moi co the biet het cac tag de lam viec theo y thich cua minh vay.
emailto: phamanhhuy87@yahoo.com

TheHeTre
10-03-2007, 18:10
pro oi cho hoi la lam sao minh moi co the biet het cac tag de lam viec theo y thich cua minh vay.
emailto: phamanhhuy87@yahoo.com

HTML cũng không có nhiều TAG. Bạn đọc qua manual sẽ tự nhiên biết công dụng của các TAG thôi

duongtien
11-03-2007, 10:39
Cám ơn bạn nhiều. Nhưng tôi nghĩ bạn nên tham khảo cái này của Mixixipi : http://www.vn-zoom.com/html/ihtml_index.htm. Hướng dẫn rõ ràng, hình ảnh đi kèm....

kingofbest
07-01-2009, 02:11
Anh ơi đoạn trên viết về HTML Tag sao việt key viết lại đi em đọc mãi ko dịch được!Thanks

tinick
28-05-2009, 10:12
xin cho hỏi cái Browe mở ở đâu vậy mấy huynh