3.1 html tag
Kung binabasa mo ang tekstong ito, ipinapalagay na sa hinaharap ay magtatrabaho ka bilang Java Developer, well, o Full Stack Java Developer. Halos hindi ka magsulat ng mga HTML na dokumento, ngunit kailangan mong basahin ang mga ito nang madalas . Ganito gumagana ang mundo, kaya kailangan mong malaman kung paano inaayos ang mga HTML na dokumento.
Ano ang simula ng anumang HTML na dokumento? Ang bawat HTML na dokumento ay may istraktura na binubuo ng tatlong nested tag: html
, head
at body
. Ito ang karaniwang halimbawa:
<!DOCTYPE html>
<html>
<head>
Service tags
</head>
<body>
Main document
</body>
</html>
Lahat ng ipinapakita ng browser ay nasa loob ng isang pares na tag body
(body ng dokumento). Sa loob ng tag head
ay may mga tag na may serbisyo / pantulong na impormasyon para sa browser.
Nakaugalian din (opsyonal) na isulat ang uri ng dokumento sa simula ng dokumento - DOCTYPE
upang mas maunawaan ng parser kung paano i-interpret ang mga error. Maraming mga browser ang nakakapagpakita ng wastong mga sirang dokumento.
O, sa kabaligtaran XHTML = XML+HTML
, mayroong isang pamantayan kung saan mayroong mas mahigpit na mga patakaran kaysa sa karaniwan HTML
. Ngunit ang naturang impormasyon ay magiging kapaki-pakinabang sa iyo kapag nagpasya kang magsulat ng iyong sariling browser, o hindi bababa sa iyong sariling HTML-parser
.
3.2 Ang head tag
Sa loob ng tag, head
karaniwang matatagpuan ang mga sumusunod na tag: title
, meta
, style
, ...
Tinutukoy ng tag <title>
ang pangalan ng dokumento na ipinapakita sa tab ng browser.
Ang tag <meta>
ay ginagamit upang magtakda ng iba't ibang impormasyon ng serbisyo. Halimbawa, matutulungan mo ang browser na maunawaan ang pag-encode ng isang HTML na dokumento (naglalaman ito ng plain text, kung naaalala mo).
<html>
<head>
<title> Escape character</title>
<meta charset="utf-8" />
</head>
<body>
</body>
</html>
3.3 body, p, b tag
Ang tag <body>
ay naglalaman ng lahat ng html text na ipapakita ng browser. Ang pinakasimpleng mga tag para sa pagpapakita ng dokumento ay: <h1>
, <p>
, <b>
,<br>
<h1>
- ito ay isang pares na tag, pinapayagan ka nitong itakda ang pamagat ng iyong pahina / artikulo. Kung mahaba ang iyong artikulo at kailangan mo ng mga subheading, maaari mong gamitin ang tag para sa kasong ito <h2>
, <h3>
at iba pa hanggang<h6>
Halimbawa:
<body>
<h1>Cats</h1>
<h2> Description of cats</h2>
detailed description of cats
<h2> Origin of cats</h2>
Information about the origin of cats.
<h2> Cat paws</h2>
Huge article about the paws of cats
</body>
Kung malaki ang iyong artikulo at gusto mong gawing mas madaling basahin ito sa pamamagitan ng paghahati nito sa mga talata, kakailanganin mo ng pares na tag <p>
(mula sa salitang talata) para dito. I-wrap lamang ang teksto sa mga tag <p>
at </p>
ipapakita ito ng browser bilang isang hiwalay na talata.
Pansin! Babalewalain ng browser ang mga line break at/o dagdag na espasyo sa iyong teksto. Kung gusto mong magdagdag ng line break, pagkatapos ay magpasok ng isang tag <br>
(mula sa br eak line) sa text.
Well, ang pinakamagandang bahagi ay ang pag-highlight ng teksto sa bold. Kung gusto mong gawing bold ang text, balutin ito ng mga tag <b>
</b>
(mula sa b old).
GO TO FULL VERSION