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)
(Hướng dẫn thêm:Các thẻ phải viết liền nhau không được cách,và các thẻ sẽ không xuất hiện khi lên trình duyệt. do mình hướng dẫn phải hiện các thẻ nên mình mới dùng cách để hiện lên cho các bạn hiểu)

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 đề

 (Hướng dẫn thêm:bạn dùng Noteped gõ đoạn mã mầu đỏ vào rồi vào File->Save ;phần File Name đánh tên web nhưng có đuôi là .html vidụ webhay.html,còn phần Encoding bạn chọn kiểu UTF-8,bạn chọn kiểu đó mới xuất hiện tiếng việt ,Xong rồi bạn nhìn lên trên có chữ Save In bạn có thể Save ra Decsktop hoặc My Documents.Xong rồi bạn tìm tệp Webhay.html kick vào sẽ xuất hiện web giống hình trên.Sau khi chạy trang webhay.html bạn muốn mở ra soạn tiếp thì bạn vào View-->Source soạn đến đâu bạn bấm CTLR+S hoặc vào File-->Save để ghi lại nội dung vừa soạn vào )

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="anh/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="anh/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="anh/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="anh/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="anh/h1.jpg">< br>
< img src="anh/h2.jpg">< br>
< img src="anh/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="anh/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="anh/h2.jpg"width=300,height=300>           //chèn ảnh
< /td>            // đóng thẻ < td>
< td>
< img src="anh/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
*còn đây là đoạn code chữ chạy lên <MARQUEE scrollAmount=2 scrollDelay=2 direction=up
behavior=scoroll style="color: #FF0000">chữ cần chạy</SPAN></FONT></MARQUEE>

color: là màu chữ

*đây là code làm nick hỗ trợ trực tuyến:<a href="ymsgr:sendim?baoquangcao"><img border=0 src="http://opi.yahoo.com/online?u=baoquangcao&m=g&t=2&l=us">

thay tên baoquangcao thành nick của bạn và chẹn vào web bạn trong phần html hay gọi là code ,sẽ hiển thị khi bạn đang online

***************************************************

Cách Đưa Trang Web Lên Mạng
bạn muốn đưa trang web lên mạng,điều trước tiên bạn phải đăng ký Host.vậy Host là gì? bạn hiểu nôm na là nếu bạn để trang webhay.html vào Desktop hay Mydocument thì nó thuộc ổ C có nghĩa là trang webhay.html được lưu trữ ở ổ C,nhưng nếu bạn để web ở đó thì chỉ bạn xem được còn người khác ở xa ko xem được,do đó bạn phải để ở trên mạng do đó Host là nơi lưu trữ web trên mạng mà nhiều người có thể xem được
có nhiều cách đăng ký host thông qua các trang web như :http://freewebs.com , http://freewebtown.com ,http://websamba.com ...
Mình sẽ hướng dẫn các bạn đăng ký host http://freewebs.com
đầu tiên bạn vào internet và nhập địa chỉ sau http://freewebs.com
bạn kick vào Start Now (bạn chú ý nếu ko có Start Now bạn kick vào Sign Up)
choose your username:là tên tài khoản của bạn,bạn chú ý nếu các tài khoản đã có thì nó sẽ xuất hiện chữ mầu đỏ bên dưới còn tài khoản chưa có thì xuất hiện chữ available! mầu xanh,lúc đó bạn mới sử dụng tài khoản đó được

password:ô password tối thiểu 6 ký tự và nhiều nhất 32 ký tự

email:địa chỉ Email của bạn
male:là trai, female :là gái ;bạn tích vào 1 ô sau đó chọn năm sinh;xong rồi tích vào ô I agree to the (có nghĩa là tôi đồng ý)

Hình minh họa
Xong Rồi bạn nhấn nút Go để thực hiện
kết quả là hình này

bạn kick vào một hình bất kỳ đó
xong xuất hiện trang sau

bạn nhập tiêu đề cho web ,tích vào 1 ô và chọn Country là Việt Nam
xong rồi nhấn nút Done sẽ xuất hiện sang một trang khác có nhiều hình,bạn kick vào nút: No Thanks,Continue
sẽ trang một trang báo thành công

địa chỉ web là http://freewebs.com/taikhoancuatoi.nhưng chưa có gì bạn cần upload trang webhay.html của bạn lên bạn nhìn sang góc tay trái có chữ File Manager (có nghĩa là quản lý file) bạn kick vào đó
sẽ xuất hiện trang sau:

Bạn kick vào single file uploader để upload trang webhay.html bạn kick vào Brown để tìm đến trang webhay.html rồi nháy đúp vào xong bạn nhấn nút Upload File

sau khi upload trang webhay.html xong địa chỉ trang web của bạn là
http://www.freewebs.com/taikhoancuatoi/webhay.html
bạn có thể chỉnh sửa trang webhay.html của bạn bằng cách kick vào Rename để đổi tên web hay vào Edit để chỉnh sửa lại trang web
Ngoài ra bạn có thể upload được ảnh hay kể cả nhạc nữa và đường dẫn ảnh cũng vậy
http://www.freewebs.com/taikhoancuatoi/anhcuaban.jpg



Chúc Các Bạn Thành Công
http://www.AnhSaoXanh.Net/
Admin:Nguyễn Minh Huê
Email:Nhukhuctinhca@Gmail.Com