Hướng Dẫn Làm Website Bằng Ngôn Ngữ HTML


Thân Chào Tất Cả Các Bạn.Do Nhu Cầu Các Bạn Muốn Học Web Mà Không Biết Một Ngôn Ngữ Web Nào Cả Lên Mình Làm Phần Này.Mong Các Bạn Yêu Thích Web Cố Gắng Đọc Và Thực Hành Nha.Nó Là Ngôn Ngữ Cơ Bản Nhất Để Thiết Kế 1 Trang Web Cho Riêng Mình.
Bắt Đầu Nha:Ngôn Ngữ HTML Là Ngôn Ngữ Cơ Bản Nhất Cho Phép Bạn Lập 1 Trang Web Tĩnh ,Trong Đó Có Ảnh Và Nội Dung(chữ)
Để làm web bằng html bạn phải có văn bản soạn thảo (chèn ảnh,viết chứ...).Thông thường ta dùng "Notepad"
Để mở Notepad Bạn Vào Start-->Program-->Accessories-->Noteped Màn Hình Noteped có dạng:

Chúng Ta Bắt Đầu Soạn Thảo:Web Có 3 Phần Chính Là Đầu (Head),Thân (Body) Và Cuối ()
HTML dùng các thẻ Vidụ Đấy Là Thể < body>Thẻ quy định bởi 2 dấu <> .Nếu bạn mở thẻ thì phải đóng nó. Ví dụ < p>(đây là thẻ mở> < /p>(đây là thẻ đóng)
Start:
Bắt Đầu Nha:
< html>
< head>
< title> Huong Dan Lam Website-VangTrangXanh < / title>
< /head>
Phần Này Tạo Cho Bạn Dòng Chữ Ở Trên Thanh Tiêu Đề.

hình minh họa dòng chữ"Huong Dan Lam Website-VangTrangXanh" trên thanh tiêu đề

Xong Phần Tiêu Đề .Bây Giờ Sang Phần Thân(Body). Bạn gõ như sau:

< html>
< head>
< title> Huong Dan Lam Website-VangTrangXanh < / title>
< /head>
< Body> Thân Chào Tất Cả Các Bạn

hình minh họa dòng chữ "Thân chào tất cả các bạn"
Nếu Bạn Muốn Dòng Chữ "Thân chào tất cả các bạn" ra Giữa màn hình bạn dùng thẻ < center>

< html>
< head>
< title> Huong Dan Lam Website-VangTrangXanh < / title>
< /head>
< Body> < center>Thân Chào Tất Cả Các Bạn < /center>

Hình minh họa dòng chữ "Thân Chào Tất Cả Các Bạn" ra giữa màn hình
Nếu bạn muốn dòng chữ "Thân Chào Tất Cả Các Bạn" To và có mầu đỏ bạn thêm thẻ < font color="red"size=5>Thân Chào Tất Cả Các Bạn< /font> (red:mầu đỏ;blue:xanh thẫm;green:Xanh lá cây) bạn gõ như sau:
< html>
< head>
< title> Huong Dan Lam Website-VangTrangXanh < / title>
< /head>
< Body> < center>< font color="red"size=5>Thân Chào Tất Cả Các Bạn
< /center>

hình minh họa dòng chữ "Thân Chào Tất Cả Các Bạn" ở giữa ,to,đỏ
Bạn tiếp tục gõ như sau:

< html>
< head>
< title> Huong Dan Lam Website-VangTrangXanh < / title>
< /head>
< Body> < center>< font color="red"size=5>Thân Chào Tất Cả Các Bạn
< /center>
< font color="blue">Dòng Sông Lơ Đãng Cuộc Tình Mùa Thu < /font>
Hình minh họa dòng chữ "Dòng Sông Lơ Đãng Cuộc Tình Mùa Thu"
Thẻ < br> là thẻ xuống dòng Ví dụ bạn gõ đoạn code sau:
< html>
< head>
< title> Huong Dan Lam Website-VangTrangXanh < / title>
< /head>
< Body> < center>< font color="red"size=5>Thân Chào Tất Cả Các Bạn
< /center>
< font color="blue">Dòng Sông Lơ Đãng < br>Cuộc Tình Mùa Thu < /font>

Hình minh họa đoạn "Dòng Sông Lơ Đãng Cuộc Tình Mùa Thu" xuống hàng
Nếu bạn muốn dùng ảnh làm nền thì bạn gõ như sau trong thẻ < body background="anhnen.gif">.Bạn Phải Có Cái Ảnh Đấy Nhé và đặt trong thư mục anh
Đoạn code là:

< html>
< head>
< title> Huong Dan Lam Website-VangTrangXanh < / title>
< /head>
< Body background="anhnen.gif"> < center>< font color="red"size=5>Thân Chào Tất Cả Các Bạn
< /center>
< font color="blue">Dòng Sông Lơ Đãng < br>Cuộc Tình Mùa Thu < /font>

Hình minh họa cách tạo ảnh nền trang web
Nếu bạn có 1 bức ảnh có tên là "emyeu.jpg"> thì thẻ chèn ảnh như sau:< img src="emyeu.jpg">
Bạn gõ như sau:

< html>
< head>
< title> Huong Dan Lam Website-VangTrangXanh < / title>
< /head>
< Body> < center>< font color="red"size=5>Thân Chào Tất Cả Các Bạn
< /center>
< font color="blue">Dòng Sông Lơ Đãng < br>Cuộc Tình Mùa Thu < /font> < center> < img src="emyeu.jpg">< /center>

Hình minh họa cách chèn ảnh vào trang web
Nếu bạn muốn dòng chữ chạy trên web thì bạn dùng thẻ < marquee> < /marquee> Ví Dụ:
< marquee behavior=scroll direction=left loop=infinite scrolldelay=40 > Có Nỗi Buồn Nào Trong Cõi Đời Này BằngThiếu Vắng Hình Bóng Em< /marquee>
Kết Qủa Là:
Có Nỗi Buồn Nào Trong Cõi Đời Này BằngThiếu Vắng Hình Bóng Em

direction=left:Chữ chạy từ phải sang trái
direction=right:Chữ chạy tù trái sang phải
direction=up:Chữ chạy từ dưới lên

******************************************PHẦN KẺ BẢNG***************************************
giả sử bạn có 3 bức ảnh là h1.jpg,h2.jpg,h3.jpg đặt trong thư mục anh .Bạn chèn ảnh như sau:
< img src="h1.jpg">< br>
< img src="h2.jpg">< br>
< img src="h3.jpg">< br>

Kết Quả Là:



Bây giờ ta bắt đầu kẻ bảng để chèn 3 cái ảnh trên vào 1 hàng:
Thẻ kẻ bảng là:< table> < /table>
*Các thuộc tính: border=0:không có dòng kẻ
*Các thuộc tính: border=1:Có 1 dòng kẻ
*Các thuộc tính: border=2:Có 2 dòng kẻ

ví dụ ta kẻ 1 bảng có 1 dòng kẻ để chèn 3 ảnh trên là:
< table border=1>< tr>< td>            //tr:xuống 1 dòng; td:sang 1 cột
< img src="h1.jpg" width=300,height=300>           //Chèn Ảnh.Width là Độ Rộng Của Ảnh,Height là độ cao của ảnh
< /td>            //đóng thể < td >lại
< td>           //mở thẻ < td >để sang 1 cột khác
< img src="h2.jpg"width=300,height=300>           //chèn ảnh
< /td>            // đóng thẻ < td>
< td>
< img src="h3.jpg"width=300,height=300>
< /td>< /tr>< /table>

Kết Quả Là:








Ví dụ ta kẻ bảng thứ hai dạng xuống hàng:
< table border=1>< tr>
< td >
Trần Thanh Bình
< /td>< /tr>
< tr>< td>
Mai Thanh Thúy
< /tr>< /td>
< tr>
< td>
Trịnh Minh Đức
< /tr>< /table>

Kết Quả Là:
Trần Thanh Bình
Mai Thanh Thúy
Trịnh Minh Đức


Nếu bạn muốn mầu chèn mầu vào bảng ta dùng lệnh bgcolor=""
vi dụ:
< table border=1>< tr>
< td bgcolor="#D9DB95">
Trần Thanh Bình
< /td>< /tr>
< tr>< td>
Mai Thanh Thúy
< /tr>< /td>
< tr>
< td>
Trịnh Minh Đức
< /tr>< /table>

Kết quả là:
Trần Thanh Bình
Mai Thanh Thúy
Trịnh Minh Đức


Bạn chú ý lệnh "bgcolor=""> không chỉ là mầu nền của bảng mà còn là mầu nền của trang web
vidụ bạn muốn trang web của mình có mầu hồng thì bạn chèn lệnh "bgcolor="#E168F7">hay xanh lá cây
< body bgcolor="green">
*Nếu bạn muốn kẻ 1 dòng qua trang web ta dùng thẻ < hr>
vi du:< hr width=80%>
Kết Quả:


Một Số Thẻ Khác: *< b> :Thẻ làm cho chữ đậm.
vd Bạn Gõ: < b> Yêu Mãi Thôi< /b>
Kết Quả:
Yêu Mãi Thôi
*< i> :Thẻ làm cho chữ nghiêng
*< u>:thẻ làm cho chữ ghạch chân
vidu:
Yêu Mãi Thôi
*< strong>:Làm chữ đậm và to
*< big>:Làm Chũ To
Vidu:
Yêu Mãi Thôi

****************************LÀM CHƯƠNG TRÌNH NGHE NHẠC******************************
Làm chương trình media nghe nhack bạn gõ theo đoạn code sau:
< object id="mediaPlayer" bgcolor="#0000FF" valign="top" name="mediaPlayer" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" height="215" width="220">
< param name="URL" value="ban go linh nhac vao day" ref="">
< param name="volume" value="100">
< param name="EnableContextMenu" value="0">
< param name="defaultFrame" value="">
< param name="playCount" value="10">
< param name="autoStart" value="-1">
< param name="currentMarker" value="0">
< param name="invokeURLs" value="-1">
< param name="baseURL" value="">
< param name="mute" value="0">

< embed id="mediaPlayer" bgcolor="#0000FF" valign="top" name="mediaPlayer" src="ban go linh nhac vao day" uimode="full" stretchtofit="false" height="125" hspace="0" vspace="0" width="240">
< /object>
Một số chức năng chính'
*< param name="volume" value="100">:Am Thanh Cao Nhất
* < param name="autoStart" value="-1">:Tự Động Bật Bài Hát Khi Trang Web Được Load Khi "Value=-1" Và Chờ Người Kick Vào Nút "Play" Khi "Value=0"> * Là Số Lần Hát Lại 1 Bài.Nếu "Value=0" Thì Hát Hết 1 Bài Thì Dừng
Kết Quả Là:


Chú Ý: Nếu bạn gõ tiếng việt thì bạn phải save trang web theo kiểu UTF-8

Hình minh họa Save trang web theo kiểu UTF-8
*Nếu bạn Save trang web vào rồi bạn muốn gõ thêm thì bạn mở trang web đó ra và vào "View-->Source"> Mở Ra Soạn Tiếp


Chúc Các Bạn Thành Công
HoaHong.On.To - NhatKyBuon.Tk