โกสระบุรีดอทคอม คำขวัญประจำจังหวัดสระบุรี


ท่านสามารถค้นหากระทู้หรือเนื้อหาทั้งหมดของเว็บบอร์ดได้จากที่นี่...
เพื่อประหยัดเวลา...ในการค้นหาและตั้งกระทู้ซ้ำๆ

เรียน สมาชิกทุกท่าน,
การใช้งานเว็บบอร์ด
อ่านที่นี่....ก่อนเริ่มต้นใช้งานเว็บบอร์ด >>>อ่านต่อ...
วิธีโพสรูปลงบนกระทู้และการฝากไฟล์รูป ไว้กับเว็บฝากไฟล์ต่างๆ >>>อ่านต่อ...
โปรดอ่าน! ท่านใดสมัครสมาชิกแล้วไม่ได้อีเมล์ยืนยันการลงทะเบียน >>>อ่านต่อ...

ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
   หน้าแรก   ช่วยเหลือ ค้นหา เข้าสู่ระบบ สมัครสมาชิก  
หน้า: [1]   ลงล่าง
  พิมพ์  
ผู้เขียน หัวข้อ: ภาษา HTML เบื้องต้น  (อ่าน 1254 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
Go! Saraburi
Administrator
Hero Member
*****

คำขอบคุณ : 15
ออฟไลน์ ออฟไลน์

กระทู้: 802


« เมื่อ: 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


« ตอบ #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


« ตอบ #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]   ขึ้นบน
  พิมพ์  
 
กระโดดไป:  

หน่วยงานสำคัญในสระบุรี
จังหวัดสระบุรี
เทศบาลเมืองสระบุรี
องค์การบริหารส่วนจังหวัดสระบุรี
ตำรวจภูธรจังหวัดสระบุรี
สมาคมท่องเที่ยวสระบุรี
โรงพยาบาลในสระบุรี
โรงพยาบาลสระบุรี
โรงพยาบาลเกษมราษฎร์สระบุรี
โรงพยาบาลมิตรภาพเมมโมเรียล
โรงพยาบาลแก่งคอย
โรงพยาบาลมวกเหล็ก
โรงเรียนในสระบุรี
โรงเรียนสระบุรีวิทยาคม
ร.ร.สวนกุหลาบวิทยาลัย สระบุรี
โรงเรียนเทพศิรินทร์ พุแค
โรงเรียนแก่งคอย
ร.ร.เทคโนโลยีชื่นชมไทย-เยอรมัน
มหาวิทยาลัยในสระบุรี
ม.นานาชาติเอเซีย-แปซิฟิก
ม.ราชภัฎสวนดุสิต ศูนย์สระบุรี
วิทยาลัยพยาบาลบรมราชชนนี สระบุรี
วิทยาลัยเทคนิคสระบุรี
วิทยาลัยอาชีวศึกษา สระบุรี
หนังสือพิมพ์ : ผู้จัดการ | เดลินิวส์ | ไทยรัฐ | กรุงเทพธุรกิจ | โพสทูเดย์ | มติชน | คมชัดลึก | เดอะเนชั่น | สยามกีฬา | สปอร์ตพูล
การเดินทาง : รถตู้ | จองโรงแรม ที่พัก | การรถไฟฯ | บขส. | การบินไทย | ไทยสไมล์ | แอร์เอเซีย | นกแอร์ | โอเรียนท์ไทย


เริ่ม 1 พ.ค. 55
Powered by SMF 1.1.19 | SMF © 2006-2012, Simple Machines | Thai language by ThaiSMF | แผนผังเว็บไซด์
www.gosaraburi.com © 2012-2016 | ติดต่อเรา
หน้านี้ถูกสร้างขึ้นภายในเวลา 0.168 วินาที กับ 18 คำสั่ง