Please enable JavaScript.
Coggle requires JavaScript to display documents.
การจัดรูปแบบตัวอักษรและรูปภาพ - Coggle Diagram
การจัดรูปแบบตัวอักษรและรูปภาพ
การกำหนดหวัขอ้เรื่อง
รูปแบบ
<Hn> ข้อความ </Hn>
คำอธิบาย
<Hn>…</Hn>
คา สั่งกา หนดหวัเรื่องกา หนดไดต้้งัแต่<H1> ถึง <H6> โดย
<H1> มีขนาดใหญ่ที่สุด และ<H6> มีขนาดเล็กที่สุด
การกา หนดรูปแบบตัวอกัษร
การกา หนดรูปแบบตัวอกัษรท้งัเวบ็ เพจ
การก าหนดรูปแบบตัวอกัษรด้วยแทก็ <Body>
<Body Text=“#รหสัค่าสีหรือชื่อสี”> ข้อความ </Body>
<Body>…</Body>
คา สั่งที่มีผลต่อท้งัเวบ็ เพจ
การก าหนดรูปแบบตัวอกัษรด้วยแทก็ <Basefont>
<Basefont Color=“#รหสัค่าสีหรือชื่อสี”Size=“ค่าตวัเลข”> ข้อความ
<Basefont>
คา สั่งกา หนดขนาดตวัอกัษรมาตรฐานในเวบ็ เพจ
การกา หนดรูปแบบตัวอักษรเฉพาะต าแหน่ง
<Font Face=“รูปแบบอักษร” Color=“ชื่อสี” Size=“ค่าตวัเลข”>ข้อความ</Font>
<Font>…</Font>
ค าสั่งกา หนดรูปแบบตวัอกัษร
การก าหนดลักษณะตัวอักษร
การก าหนดลักษณะตัวอักษรแบบ Physical
คา สั่งจดัรูปแบบแบบ Physical เป็ นการจัดรูปแบบทางกายภาพ
การก าหนดลักษณะตัวอักษรแบบ Logical
คา สั่งจดัรูปแบบแบบ Logical เป็นการจดัรูปแบบให้เป็นไปความหมายของคา สั่ง
. การก าหนดตัวอักษรวิ่ง
Behavior=“รูปแบบการวงิ่ ” Direction=“ทิศทางการวงิ่ ”
<Marquee>…</Marquee>
คา สั่งกา หนดตวัอกัษรวง
ประเภทของภาพกราฟิ กที่ใช้ในการสร้างเว็บเพจ
กราฟิ กประเภท BMP (Bitmap) เป็ นแฟ้มข้อมูลรูปภาพมาตรฐานของระบบปฏิบัติการ
กราฟิ กประเภท GIF (Graphic Interchange Format) เป็ นแฟ้มข้อมูลภาพที่มีขนาดเล็ก
การแทรกรูปภาพในเว็บเพจ
รูปแบบ
<Img Src=“ชื่อแฟ้มข้อมูลรูปภาพ.นามสกุล”>
คำอธิบาย
<Img>
Image คา สั่งแทรกรูปภาพ
การจัดวางรูปภาพกบั ข้อความในเวบ็ เพจ
<Img Src=“ชื่อแฟ้มข้อมูลรูปภาพ.นามสกุล” Align=“ตา แหน่งการจดัวาง”>
Align
แอททริบิวต์จดัวางตา แหน่งรูปภาพ ได้5 ตา แหน่ง ดงัน้
Left
จัดวางรูปภาพไว้ด้านซ้ายของข้อความ
Right
จัดวางรูปภาพไว้ด้านขวาของข้อความ
Top
จัดวางข้อความไว้ด้านบนรูปภาพ
Bottom
จดัวางขอ้ความไวด้า้นล่างรูปภาพ
Middle
จัดวางข้อความไว้ตรงกลางรูปภาพ
การกา หนดขนาดรูปภาพในเวบ็ เพจ
รูปแบบ
<Img Src=“ชื่อแฟ้มข้อมูลรูปภาพ.นามสกุล” Width=“ค่าความกวา้ง”
Height=“ค่าความสูง”>
คำอธิบาย
Width
แอททริบิวต์จดักา หนดความกวา้งของรูปภาพ
การกา หนดข้อความอธิบายรูปภาพ
รูปแบบ
<Img Src=“ชื่อแฟ้มข้อมูลรูปภาพ.นามสกุล” Alt=“ข้อความอธิบายภาพ”>
คำอธิบาย
Alt
แอททริบิวต์กา หนดขอ้ความอธิบายภาพ
การใส่กรอบรูปภาพ
รูปแบบ
<Img Src=“ชื่อแฟ้มข้อมูลรูปภาพ.นามสกุล” Border=“ค่าความหนากรอบภาพ”>
คำอธิบาย
Border
แอททริบิวต์กา หนดกรอบภาพ ระบุเป็นตวัเลขหน่วยเป็นพิเซล
การกา หนดระยะห่างระหว่างข้อความกบัรูปภาพ
รูปแบบ
<Img Src=“ชื่อแฟ้มข้อมูลรูปภาพ.นามสกุล” Hspace=“ค่าระยะห่างในแนวนอน”
Vspace=“ค่าระยะห่างในแนวต้งั”>
คำอธิบาย
Hspace
แอททริบิวต์ กา หนดค่าระยะห่างในแนวนอน
:Vspace
แอททริบิวต์กา หนดค่าระยะห่างในแนวต้งั
การกา หนดรูปภาพเป็นพืน้ หลงั
รูปแบบ
<Body Background=“ชื่อแฟ้มข้อมูลรูปภาพ.นามสกุล”>
คำอธิบาย
<Body>…</body>
คา สั่งที่แสดงผลท้งัเวบ็ เพจ
Background
แอททริบิวต์กา หนดภาพพ้ืนหลงั ระบุชื่อแฟ้มรูปภาพและ
นามสกุล