如题所述
HTMLä»ç»ï¼(1):<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
</html> å°æ¤æ件ä¿å为âmypage.htmâãå¯å¨æµè§å¨ãå¨æ件èåä¸éæ©âæå¼âï¼æè âæå¼é¡µé¢âï¼ï¼è¿æ¶å°åºç°ä¸ä¸ªå¯¹è¯æ¡ãéæ©âæµè§âï¼æè âéæ©æ件âï¼ï¼å®ä½å°ä½ åæå建çHTMLæ件âââmypage.htmâï¼éæ©å®ï¼åå»âæå¼âãç¶åå¨å¯¹è¯æ¡ä¸ï¼ä½ å°çå°è¿ä¸ªæ件çå°åï¼æ¯å¦è¯´ï¼âC:\MyDocuments\mypage.htmâãåå»âç¡®å®âï¼æµè§å¨å°æ¾ç¤ºæ¤é¡µé¢ã
--------------------------------------------------------------------------------ä¾å解éHTMLææ¡£ä¸ï¼ç¬¬ä¸ä¸ªæ ç¾æ¯<html>ãè¿ä¸ªæ ç¾åè¯æµè§å¨è¿æ¯HTMLææ¡£çå¼å§ãHTMLææ¡£çæåä¸ä¸ªæ ç¾æ¯</html>ï¼è¿ä¸ªæ ç¾åè¯æµè§å¨è¿æ¯HTMLææ¡£çç»æ¢ãå¨<head>å</head>æ ç¾ä¹é´ææ¬çæ¯å¤´ä¿¡æ¯ãå¨æµè§å¨çªå£ä¸ï¼å¤´ä¿¡æ¯æ¯ä¸è¢«æ¾ç¤ºçãå¨<title>å</title>æ ç¾ä¹é´çææ¬æ¯ææ¡£æ é¢ï¼å®è¢«æ¾ç¤ºå¨æµè§å¨çªå£çæ é¢æ ãå¨<body>å</body>æ ç¾ä¹é´çææ¬æ¯æ£æï¼ä¼è¢«æ¾ç¤ºå¨æµè§å¨ä¸ãå¨<b>å</b>æ ç¾ä¹é´çææ¬ä¼ä»¥å ç²åä½æ¾ç¤ºã
---常è§é®é¢é®ï¼æç¼åå®äºHTMLæ件ï¼ä½æ¯ä¸è½å¨æµè§å¨ä¸çè§ç»æï¼ä¸ºä»ä¹ï¼
çï¼è¯·ç¡®è®¤ä½ ä¿åäºæ件ï¼å¹¶ä¸ä½¿ç¨äºæ£ç¡®çæ件ååæ©å±åï¼ä¾å¦ï¼âc:\mypage.htmâï¼å¹¶ä¸ç¡®è®¤ä½ ç¨æµè§å¨æå¼æ¶ä½¿ç¨åæ ·çæ件åãé®ï¼æç¼è¾äºHTMLæ件ï¼ä½æ¯ä¿®æ¹ç»æ并没æå¨æµè§å¨ä¸æ¾ç¤ºï¼ä¸ºä»ä¹ï¼
çï¼æµè§å¨ç¼åäºä½ ç页é¢ï¼æ以å®ä¸éè¦ä¸¤æ¬¡è¯»ååæ ·ç页é¢ãä½ ä¿®æ¹äºè¿ä¸ªé¡µé¢ï¼æµè§å¨å¹¶ä¸ç¥éã请使ç¨âå·æ°/éè½½âæé®æ¥å¼ºè¿«æµè§å¨è¯»åç¼è¾è¿ç页é¢ã
-----------------------------------------------------------------------------
HTMLåºæ¬æ ç¾ï¼(2):HTMLä¸æéè¦çæ ç¾æ¯å®ä¹æ é¢å ç´ ï¼æ®µè½åæ¢è¡çæ ç¾ã
æ é¢å ç´ æ é¢å ç´ ç±æ ç¾<h1>å°<h6>å®ä¹ã<h1>å®ä¹äºæ大çæ é¢å ç´ ï¼<h6>å®ä¹äºæå°çã
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
HTMLèªå¨å¨ä¸ä¸ªæ é¢å ç´ åååæ·»å ä¸ä¸ªç©ºè¡ã
(3):段è½æ®µè½æ¯ç¨<p>æ ç¾å®ä¹çã
<p>This is another paragraph</p> HTMLèªå¨å¨ä¸ä¸ªæ®µè½åååæ·»å ä¸ä¸ªç©ºè¡ã
--------------------------------------------------------------------------------æ¢è¡å½éè¦ç»æä¸è¡ï¼å¹¶ä¸ä¸æ³å¼å§æ°æ®µè½æ¶ï¼ä½¿ç¨<br>æ ç¾ã<br>æ ç¾ä¸ç®¡æ¾å¨ä»ä¹ä½ç½®ï¼é½è½å¤å¼ºå¶æ¢è¡ã
<p>This <br> is a para<br>graph with line breaks</p> <br>æ ç¾æ¯ä¸ä¸ªç©ºæ ç¾ï¼å®æ²¡æç»ææ è®°ã
åºæ¬æ³¨æç¹ââæç¨çæå·§å½ä½ åä¸HTMLææ¬çæ¶åï¼ä½ ä¸è½ç¡®ç¥å¨å¦å¤ä¸ä¸ªæµè§å¨ä¸ï¼è¿äºææ¬å°è¢«å¦ä½æ¾ç¤ºãæ人ç¨ç大çæ¾ç¤ºå¨ï¼æç人ç¨çå°ä¸äºãæ¯æ¬¡ç¨æ·è°æ´çªå£å¤§å°çæ¶åï¼ææ¬é½å°è¢«éæ°æ ¼å¼åãä¸è¦æ³å¨ç¼è¾å¨ä¸åä¸äºç©ºè¡åç©ºæ ¼æ¥åå©æçãHTMLå°æªæä½ ææ¬ä¸çå¤ä½ç©ºæ ¼ãä¸ç®¡å¤å°ä¸ªç©ºæ ¼ï¼å¤çèµ·æ¥åªå½ä¸ä¸ªãä¸ç¹éå ä¿¡æ¯ï¼å¨HTMLéé¢ï¼ä¸ä¸ªç©ºè¡ä¹åªè¢«å½ä½ä¸ä¸ªç©ºæ ¼æ¥å¤çã使ç¨ç©ºæ®µè½<p>æ¥æå ¥ç©ºç½è¡æ¯ä¸ä¸ªåä¹ æ¯ï¼è¯·ä½¿ç¨<br>æ ç¾æ¥æ¿ä»£ãï¼ä½æ¯ä¸è¦ç¨<br>æ ç¾æ¥å建å表ï¼æ们åé¢ä¼ä¸é¨å¦ä¹ HTMLå表çãï¼ä½ ä¹è®¸æ³¨æå°äºæ®µè½å¯ä»¥ä¸åç»ææ è®°</p>ãå«ä¾èµå®ï¼HTMLçä¸ä¸ä¸ªçæ¬å°ä¸åä½ æ¼æä»»ä½ä¸ä¸ªç»ææ ç¾ãHTMLèªå¨å¨æäºå ç´ ååå¢å é¢å¤ç空è¡ï¼å°±åå¨æ®µè½åæ é¢å ç´ çååä¸æ ·ãæ们使ç¨äºæ°´å¹³çº¿ï¼<hr>æ ç¾ï¼æ¥åéæ们æç¨çç« èã
æ´å¤ç¤ºä¾ï¼a:å¤ä¸ªæ®µè½ï¼
<html>
<body>
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>
<p>
The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.
</p>
</body>
</html>
(è¿ä¸ªä¾å说æäºæ®µè½çä¸äºé»è®¤è¡ä¸ºã)b:æ¢è¡ï¼
<html>
<body>
<p>
To break<br>lines<br>in a<br>paragraph,<br>use the br tag.
</p>
</body>
</html>
(è¿ä¸ªä¾å说æäºå¨HTMLææ¡£ä¸æ¢è¡ç使ç¨ã)
c:è¯æçé®é¢ï¼ <html>
<body>
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
<p>Note that your browser simply ignores your formatting!</p>
</body>
</html>
(è¿ä¸ªä¾å说æäºHTMLæ¾ç¤ºæ ¼å¼çä¸äºé®é¢ã)d:æ é¢å ç´ ï¼ <html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<p>Use heading tags only for headings. Don't use them just to make something bold. Use other tags for that.</p>
</body>
</html>
(è¿ä¸ªä¾å说æäºå¨HTMLä¸æ¾ç¤ºæ é¢å ç´ çæ ç¾ã)e:å± ä¸çæ é¢å ç´ ï¼<html>
<body>
<h1 align="center">This is heading 1</h1>
<p>The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.</p>
</body>
</html>
(è¿ä¸ªä¾åæ¾ç¤ºäºä¸ä¸ªå± ä¸çæ é¢å ç´ ã)f:水平线ï¼<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a paragraph</p>
<hr>
<p>This is a paragraph</p>
<hr>
<p>This is a paragraph</p>
</body>
</html>
(è¿ä¸ªä¾å说æäºå¦ä½æå ¥æ°´å¹³çº¿ã)
g:éèç注éï¼<html>
<body>
<!--This comment will not be displayed-->
<p>This is a regular paragraph</p>
</body>
</html>
(è¿ä¸ªä¾å说æäºå¨HTMLææ¡£ä¸å¦ä½æå ¥éèç注éã)h:èæ¯è²ï¼<html>
<body bgcolor="yellow">
<h2>Look: Colored Background!</h2>
</body>
</html>
(è¿ä¸ªä¾å说æäºå¦ä½ç»é¡µé¢è®¾ç½®èæ¯è²ã)
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
</html> å°æ¤æ件ä¿å为âmypage.htmâãå¯å¨æµè§å¨ãå¨æ件èåä¸éæ©âæå¼âï¼æè âæå¼é¡µé¢âï¼ï¼è¿æ¶å°åºç°ä¸ä¸ªå¯¹è¯æ¡ãéæ©âæµè§âï¼æè âéæ©æ件âï¼ï¼å®ä½å°ä½ åæå建çHTMLæ件âââmypage.htmâï¼éæ©å®ï¼åå»âæå¼âãç¶åå¨å¯¹è¯æ¡ä¸ï¼ä½ å°çå°è¿ä¸ªæ件çå°åï¼æ¯å¦è¯´ï¼âC:\MyDocuments\mypage.htmâãåå»âç¡®å®âï¼æµè§å¨å°æ¾ç¤ºæ¤é¡µé¢ã
--------------------------------------------------------------------------------ä¾å解éHTMLææ¡£ä¸ï¼ç¬¬ä¸ä¸ªæ ç¾æ¯<html>ãè¿ä¸ªæ ç¾åè¯æµè§å¨è¿æ¯HTMLææ¡£çå¼å§ãHTMLææ¡£çæåä¸ä¸ªæ ç¾æ¯</html>ï¼è¿ä¸ªæ ç¾åè¯æµè§å¨è¿æ¯HTMLææ¡£çç»æ¢ãå¨<head>å</head>æ ç¾ä¹é´ææ¬çæ¯å¤´ä¿¡æ¯ãå¨æµè§å¨çªå£ä¸ï¼å¤´ä¿¡æ¯æ¯ä¸è¢«æ¾ç¤ºçãå¨<title>å</title>æ ç¾ä¹é´çææ¬æ¯ææ¡£æ é¢ï¼å®è¢«æ¾ç¤ºå¨æµè§å¨çªå£çæ é¢æ ãå¨<body>å</body>æ ç¾ä¹é´çææ¬æ¯æ£æï¼ä¼è¢«æ¾ç¤ºå¨æµè§å¨ä¸ãå¨<b>å</b>æ ç¾ä¹é´çææ¬ä¼ä»¥å ç²åä½æ¾ç¤ºã
---常è§é®é¢é®ï¼æç¼åå®äºHTMLæ件ï¼ä½æ¯ä¸è½å¨æµè§å¨ä¸çè§ç»æï¼ä¸ºä»ä¹ï¼
çï¼è¯·ç¡®è®¤ä½ ä¿åäºæ件ï¼å¹¶ä¸ä½¿ç¨äºæ£ç¡®çæ件ååæ©å±åï¼ä¾å¦ï¼âc:\mypage.htmâï¼å¹¶ä¸ç¡®è®¤ä½ ç¨æµè§å¨æå¼æ¶ä½¿ç¨åæ ·çæ件åãé®ï¼æç¼è¾äºHTMLæ件ï¼ä½æ¯ä¿®æ¹ç»æ并没æå¨æµè§å¨ä¸æ¾ç¤ºï¼ä¸ºä»ä¹ï¼
çï¼æµè§å¨ç¼åäºä½ ç页é¢ï¼æ以å®ä¸éè¦ä¸¤æ¬¡è¯»ååæ ·ç页é¢ãä½ ä¿®æ¹äºè¿ä¸ªé¡µé¢ï¼æµè§å¨å¹¶ä¸ç¥éã请使ç¨âå·æ°/éè½½âæé®æ¥å¼ºè¿«æµè§å¨è¯»åç¼è¾è¿ç页é¢ã
-----------------------------------------------------------------------------
HTMLåºæ¬æ ç¾ï¼(2):HTMLä¸æéè¦çæ ç¾æ¯å®ä¹æ é¢å ç´ ï¼æ®µè½åæ¢è¡çæ ç¾ã
æ é¢å ç´ æ é¢å ç´ ç±æ ç¾<h1>å°<h6>å®ä¹ã<h1>å®ä¹äºæ大çæ é¢å ç´ ï¼<h6>å®ä¹äºæå°çã
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
HTMLèªå¨å¨ä¸ä¸ªæ é¢å ç´ åååæ·»å ä¸ä¸ªç©ºè¡ã
(3):段è½æ®µè½æ¯ç¨<p>æ ç¾å®ä¹çã
<p>This is another paragraph</p> HTMLèªå¨å¨ä¸ä¸ªæ®µè½åååæ·»å ä¸ä¸ªç©ºè¡ã
--------------------------------------------------------------------------------æ¢è¡å½éè¦ç»æä¸è¡ï¼å¹¶ä¸ä¸æ³å¼å§æ°æ®µè½æ¶ï¼ä½¿ç¨<br>æ ç¾ã<br>æ ç¾ä¸ç®¡æ¾å¨ä»ä¹ä½ç½®ï¼é½è½å¤å¼ºå¶æ¢è¡ã
<p>This <br> is a para<br>graph with line breaks</p> <br>æ ç¾æ¯ä¸ä¸ªç©ºæ ç¾ï¼å®æ²¡æç»ææ è®°ã
åºæ¬æ³¨æç¹ââæç¨çæå·§å½ä½ åä¸HTMLææ¬çæ¶åï¼ä½ ä¸è½ç¡®ç¥å¨å¦å¤ä¸ä¸ªæµè§å¨ä¸ï¼è¿äºææ¬å°è¢«å¦ä½æ¾ç¤ºãæ人ç¨ç大çæ¾ç¤ºå¨ï¼æç人ç¨çå°ä¸äºãæ¯æ¬¡ç¨æ·è°æ´çªå£å¤§å°çæ¶åï¼ææ¬é½å°è¢«éæ°æ ¼å¼åãä¸è¦æ³å¨ç¼è¾å¨ä¸åä¸äºç©ºè¡åç©ºæ ¼æ¥åå©æçãHTMLå°æªæä½ ææ¬ä¸çå¤ä½ç©ºæ ¼ãä¸ç®¡å¤å°ä¸ªç©ºæ ¼ï¼å¤çèµ·æ¥åªå½ä¸ä¸ªãä¸ç¹éå ä¿¡æ¯ï¼å¨HTMLéé¢ï¼ä¸ä¸ªç©ºè¡ä¹åªè¢«å½ä½ä¸ä¸ªç©ºæ ¼æ¥å¤çã使ç¨ç©ºæ®µè½<p>æ¥æå ¥ç©ºç½è¡æ¯ä¸ä¸ªåä¹ æ¯ï¼è¯·ä½¿ç¨<br>æ ç¾æ¥æ¿ä»£ãï¼ä½æ¯ä¸è¦ç¨<br>æ ç¾æ¥å建å表ï¼æ们åé¢ä¼ä¸é¨å¦ä¹ HTMLå表çãï¼ä½ ä¹è®¸æ³¨æå°äºæ®µè½å¯ä»¥ä¸åç»ææ è®°</p>ãå«ä¾èµå®ï¼HTMLçä¸ä¸ä¸ªçæ¬å°ä¸åä½ æ¼æä»»ä½ä¸ä¸ªç»ææ ç¾ãHTMLèªå¨å¨æäºå ç´ ååå¢å é¢å¤ç空è¡ï¼å°±åå¨æ®µè½åæ é¢å ç´ çååä¸æ ·ãæ们使ç¨äºæ°´å¹³çº¿ï¼<hr>æ ç¾ï¼æ¥åéæ们æç¨çç« èã
æ´å¤ç¤ºä¾ï¼a:å¤ä¸ªæ®µè½ï¼
<html>
<body>
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>
<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>
<p>
The number of lines in a paragraph depends on the size of your browser window. If you resize the browser window, the number of lines in this paragraph will change.
</p>
</body>
</html>
(è¿ä¸ªä¾å说æäºæ®µè½çä¸äºé»è®¤è¡ä¸ºã)b:æ¢è¡ï¼
<html>
<body>
<p>
To break<br>lines<br>in a<br>paragraph,<br>use the br tag.
</p>
</body>
</html>
(è¿ä¸ªä¾å说æäºå¨HTMLææ¡£ä¸æ¢è¡ç使ç¨ã)
c:è¯æçé®é¢ï¼ <html>
<body>
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
<p>Note that your browser simply ignores your formatting!</p>
</body>
</html>
(è¿ä¸ªä¾å说æäºHTMLæ¾ç¤ºæ ¼å¼çä¸äºé®é¢ã)d:æ é¢å ç´ ï¼ <html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<p>Use heading tags only for headings. Don't use them just to make something bold. Use other tags for that.</p>
</body>
</html>
(è¿ä¸ªä¾å说æäºå¨HTMLä¸æ¾ç¤ºæ é¢å ç´ çæ ç¾ã)e:å± ä¸çæ é¢å ç´ ï¼<html>
<body>
<h1 align="center">This is heading 1</h1>
<p>The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.</p>
</body>
</html>
(è¿ä¸ªä¾åæ¾ç¤ºäºä¸ä¸ªå± ä¸çæ é¢å ç´ ã)f:水平线ï¼<html>
<body>
<p>The hr tag defines a horizontal rule:</p>
<hr>
<p>This is a paragraph</p>
<hr>
<p>This is a paragraph</p>
<hr>
<p>This is a paragraph</p>
</body>
</html>
(è¿ä¸ªä¾å说æäºå¦ä½æå ¥æ°´å¹³çº¿ã)
g:éèç注éï¼<html>
<body>
<!--This comment will not be displayed-->
<p>This is a regular paragraph</p>
</body>
</html>
(è¿ä¸ªä¾å说æäºå¨HTMLææ¡£ä¸å¦ä½æå ¥éèç注éã)h:èæ¯è²ï¼<html>
<body bgcolor="yellow">
<h2>Look: Colored Background!</h2>
</body>
</html>
(è¿ä¸ªä¾å说æäºå¦ä½ç»é¡µé¢è®¾ç½®èæ¯è²ã)
温馨提示:答案为网友推荐,仅供参考