ภาษา HTML เบื้องต้น

Go! Saraburi

Administrator
Hero Member

คำขอบคุณ : 15

ออฟไลน์

กระทู้: 802

ภาษา HTML เบื้องต้น

« เมื่อ: 17 กันยายน, 2012, 15:41:33 »

Ads

ปัจจุบันมีโปรแกรมในการช่วยสร้างเว็บมากมาย เช่น Frontpage, Dreamweaver ทำให้ผู้ใช้สามารถทำเว็บได้โดยไม่ต้องรู้เกี่ยวกับภาษาhtmlมากนัก

HTML เป็นภาษาพื้นฐานในการสร้างเว็บเพจ ย่อมาจาก HyperText Markup language

โดยเราสามารถเขียนลงในโปรแกรม MS Word Notepad แล้วเซฟเป็น ไฟล์นามสกุล .hmtlหรือ .htmเท่านั้น
1. โครงสร้างคำสั่ง

<command>text</command>

เช่น
<b>ทดสอบ</b>

2. โครงสร้างคำสั่งหลักๆและส่วนประกอบของไฟล์ HTML มีดังต่อไปนี้

<html></html>
<head></head>
<body></body>

-ในระหว่างtag <head></head> หรือ <body></body> ยังสามารถแทรกคำสั่งย่อยๆได้อีกเช่น

<head>
<title>โกสระบุรีดอทคอม</title>
</head>

<body>
<h1>ยินดีต้อนรับสู่โกสระบุรีดอทคอม</h1>
</body>

นำมาเรียงจะได้ไฟล์ htmlเบื้องต้นประกอบกันเป็นเว็บเพจ 1หน้าเช่น

<html>
<head>
<title>โกสระบุรีดอทคอม</title>
</head>
<body>
<h1>ยินดีต้อนรับสู่โกสระบุรีดอทคอม</h1>
</body>
</html>

สามารถนำโค๊ดข้างบนมาทดสอบได้ที่นี่
http://www.gosaraburi.com/html/htmltest.html

Ads Share .
« แก้ไขครั้งสุดท้าย: 17 กันยายน, 2012, 16:24:31 โดย Go! Saraburi »	แจ้งลบกระทู้นี้หรือติดต่อผู้ดูแล บันทึกการเข้า

Go! Saraburi

Administrator
Hero Member

คำขอบคุณ : 15

ออฟไลน์

กระทู้: 802

Re: ภาษา HTML เบื้องต้น

« ตอบ #1 เมื่อ: 17 กันยายน, 2012, 16:02:49 »

3. คำสั่งสำคัญเบื้องต้นในส่วนของ <body></body>

3.1 การกำหนดให้background พื้นเว็บเพจเป็นสีที่เราต้องการ

<body color="#0eb8b2">

ต.ย.

<html>
<head>
<title>โกสระบุรีดอทคอม</title>
</head>
<body bgcolor="#0eb8b2">
<h1>ยินดีต้อนรับสู่โกสระบุรีดอทคอม</h1>
</body>
</html>

3.2 การกำหนดให้ background พื้นเว็บเพจเป็นรูปเราต้องการ

<body background="/images/2012/mapsaraburi.gif">

ต.ย.
<html>
<head>
<title>โกสระบุรีดอทคอม</title>
</head>
<body background="/images/2012/mapsaraburi.gif">
<h1>ยินดีต้อนรับสู่โกสระบุรีดอทคอม</h1>
</body>
</html>

.
« แก้ไขครั้งสุดท้าย: 17 กันยายน, 2012, 16:26:14 โดย Go! Saraburi »	แจ้งลบกระทู้นี้หรือติดต่อผู้ดูแล บันทึกการเข้า

Go! Saraburi

Administrator
Hero Member

คำขอบคุณ : 15

ออฟไลน์

กระทู้: 802

Re: ภาษา HTML เบื้องต้น

« ตอบ #2 เมื่อ: 17 กันยายน, 2012, 16:13:11 »

3.3 การกำหนดขนาดตัวอักษร มีทั้งหมด 6 ขนาด

<h1>ยินดีต้อนรับสู่โกสระบุรีดอทคอม</h1>
<h2>ยินดีต้อนรับสู่โกสระบุรีดอทคอม</h2>
<h3>ยินดีต้อนรับสู่โกสระบุรีดอทคอม</h3>
<h4>ยินดีต้อนรับสู่โกสระบุรีดอทคอม</h4>
<h5>ยินดีต้อนรับสู่โกสระบุรีดอทคอม</h5>
<h6>ยินดีต้อนรับสู่โกสระบุรีดอทคอม</h6>

ผลลัพธ์

3.3 การรูปแบบและกำหนดขนาดตัวอักษร
จะมี 7 ขนาด

คำสั่ง <font size="no."></font>

ต.ย.
<p><font face="MS Sans Serif" size="1">โกสระบุรีดอทคอม ขนาดตัวอักษร1 </font></p>
<p><font face="MS Sans Serif" size="2">โกสระบุรีดอทคอม ขนาดตัวอักษร2 </font></p>
<p><font face="MS Sans Serif" size="3">โกสระบุรีดอทคอม ขนาดตัวอักษร3 </font></p>
<p><font face="MS Sans Serif" size="4">โกสระบุรีดอทคอม ขนาดตัวอักษร4 </font></p>
<p><font face="MS Sans Serif" size="5">โกสระบุรีดอทคอม ขนาดตัวอักษร5 </font></p>
<p><font face="MS Sans Serif" size="6">โกสระบุรีดอทคอม ขนาดตัวอักษร6 </font></p>
<p><font face="MS Sans Serif" size="7">โกสระบุรีดอทคอม ขนาดตัวอักษร7 </font></p>

ผลลัพธ์

สามารถcopyแล้วนำมาทดสอบที่นี่
http://www.gosaraburi.com/html/htmltest.html

.
« แก้ไขครั้งสุดท้าย: 17 กันยายน, 2012, 16:34:57 โดย Go! Saraburi »	แจ้งลบกระทู้นี้หรือติดต่อผู้ดูแล บันทึกการเข้า

GOSARABURI.COM | สระบุรี ชุมชนสังคมออนไลน์สระบุรี เที่ยวสระบุรี


	บันทึกการเข้า

หน้า: [1] ขึ้นบน

พิมพ์

	ผู้เขียน	หัวข้อ: ภาษา HTML เบื้องต้น (อ่าน 3502 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้