YOU MIGHT ALSO LIKE

วันพุธที่ 18 เมษายน พ.ศ. 2561

ใบงานเรื่อง สรุปคำสั่ง HTML(2)



<a href= “link” >ข้อความที่แสดง</a> -แท็กการเชื่อมโยง

 <img src= “link” /> -แท็กแสดงรูปภาพ

 <table> -แท็กสร้างตาราง

 <tr> -แท็กสร้างแถว

 <td> -แท็กสร้างคอลัมน์

 < แทนด้วย &lt; 

> แทนด้วย &gt;

 & แทนด้วย &amp

 " แทนด้วย &quot; 

<tt> เป็นแท็กสำหรับกำหนดตัวอักษรเป็นตัวพิมพ์ดีด 

<ul> เป็นแท็กสำหรับแสดงรายการโดยไม่ต้องเรียงลำดับ 


<ol> เป็นแท็กสำหรับแสดงรายการโดยเรียงลำดับ


 <li> เป็นแท็กแสดงข้อความในแต่ละบรรทัดใน แท็ก


<ul>และ <ol> 

<a> เป็นแท็กที่กำหนดการเชื่อมโยง


 <img> เป็นแท็กที่กำหนดการเชื่อมโยงด้วยรูปภาพ 


<a href target> กำหนดการเชื่อมโยง กำหนดจุดเชื่อมโยง กำหนดการเปิดหน้าต่างใหม่ 

<th> เป็นแท็กสำหรับกำหนดข้อความหัวข้อเรื่องของตาราง

<form> เป็นแท็กสำหรับกำหนดสร้าง form 

<input> เป็นแท็กสำหรับกำหนดinput ใน form 

<frame> เป็นแท็กสำหรับสร้าง frame

 <BGSOUND> บรรเลงเพลงประกอบ 

<FRAMESET> แบ่งส่วนการแสดงผลเพื่อสร้างเฟรม 

<LAYER> สร้างเลเยอร์

 <MENU> แสดงรายการข้อมูลแบบแจกแจงเป็นข้อๆ ชนิดคอลัมน์เดี่ยว 

<SPACER> กำหนดระยะช่องว่าง

 <STRONG> แสดงข้อความแบบตัวเข้า

<STYLE> สร้าง style sheet

 <TBODY> กำหนดขอบเขตเซลล์ข้อมูลปกติในตาราง

<marquee direction="left">ข้อความวิ่งจากขวาไปซ้าย</marquee>

<marquee direction="right">ข้อความวิ่งจากซ้ายไปขวา</marquee> 

<marquee direction="up">ข้อความวิ่งจากล่างขึ้นบน</marquee>


<marquee direction="down">ข้อความวิ่งจากบนลงล่าง</marquee>

<marquee behavior="alternate">ข้อความวิ่งไปวิ่งมา</marquee>

<body background ="ชื่อภาพ.jpg">คือ การใส่ภาพพื้นหลัง

<body background ="ชื่อภาพ.gif"> คือ การใส่ภาพพื้นหลัง แบบเครื่อนไหว หรือGIF

.<h2><br><center><a href="ขื่อไฟล์.htmlที่เซฟ"><font color="#FFFFF0" > ข้อความที่แสดง</font></a></br> คือ การลิ้งไปหน้าPageอื่นๆ

<marquee direction="left/right "><img src="ชื่อรูป.jpg"></marquee> คือ การทำภาพวิ่ง



<marquee direction="left/right "><img src="ชื่อรูป.gif"></marquee> คือ การทำภาพวิ่งGIF

<a href="ชื่อเว็ปบนหน้า youtube "target="_blank"><font color="#FFE4E1" > ข้อความที่แสดง </font> </a> คือ การลิ้งค์ไปหน้า youtube

ตัวอย่าง
<a href="https://www.youtube.com/watch?v=3Y_Eiyg4bfk/"target="_blank"><font color="#FFE4E1" > คลิปเพิ่มเติมของ Disneyland </font> </a>


<table border = 2 bordercolor = #BFEFFF width = "60%" height= "200" > คือ ใส่สีตาราง

วันจันทร์ที่ 2 เมษายน พ.ศ. 2561

สรุปคำสั่ง HTML (1)


สรุปคำสั่ง HTML

1. <TITLE> .......................</TITLE> แสดงข้อความในส่วน TITLE (ส่วนบน)

2. <BR> ขึ้นบรรทัดใหม่

3. <P> เว้นเป็นย่อหน้าใหม่โดยจะเว้นบรรทัดให้ 1 บรรทัดด้วย

4. <CENTER>..............</CENTER> จัดกึ่งกลาง

5. <H?> ........</H?> (? แทนตัวเลข 1 - 6) กำหนดขนาดของตัวหัวเรื่อง 1 ใหญ่สุด

6. <B>....</B> แสดงตัวหนา

7. <I>....</I> แสดงตัวเอียง

8. <U>...</U> แสดงตัวอักษรขีดเส้นใต้

9. คำสั่งการแสดงข้อมูลแบ่งเป็นข้อย่อย

คือ ชุดคำสั่งที่แสดงเนื้อหาเป็นข้อๆหรือส่วนๆ

9.1 <UL>...</UL> สร้างเนื้อหาแบบไม่เรียงลำดับ โดยภายในคำสั่งนี้จะขั้นด้วยคำสั่ง <LI>...</LI> เช่น

<UL>

<LI> ข้อความที่ 1 </LI>

<LI> ข้อความที่ 2 </LI>

<UL>

10 <BODY  BGCOLOR=สี > เป็นการแสดงสีพื้นหลัง

11<FONT COLOR="ชื่อสี/รหัสสี"> ............</FONT>เป็นการแสดงสีเฉพาะบางจุด

12.  <SUB> แสดงข้อความแบบตัวพ่วงท้าย

13. <HEAD> ..... </HEAD> แสดงข้อคำสั่งในส่วนหัว

14. <BODY>.........</BODY> แสดงข้อคำสั่งในส่วนเนื้อความ

15  <font size="10">ข้อความ</font> : กำหนดขนาดข้อความ

16.  <font color="#000000">ข้อความ</font> : กำหนดสีข้อความ

17.  <font color="#000000" size="10">ข้อความ</font> : กำหนดทั้งขนาดและสีข้อความ

18. <small>........</small>  คำสั่งตัวอักษรเล็ก

19. <big>.......</big>          คำสั่งตัวอักษรใหญ่

20. <font face = "Arial"> ข้อความ </font>รูปแบบตัวอักษร