HTML [Ngôn ngữ đánh dấu siêu văn bản] sử dụng hệ thống đánh dấu bao gồm các phần tử đại diện cho nội dung cụ thể. Đánh dấu có nghĩa là với HTML, bạn khai báo những gì được trình bày cho người xem chứ không phải cách nó được trình bày. Các biểu diễn trực quan được xác định bởi Cascading Style Sheets [CSS] và được các trình duyệt hiện thực hóa. , như e. g. font
, "hoàn toàn lỗi thời và không được tác giả sử dụng"[1]
HTML đôi khi được gọi là ngôn ngữ lập trình nhưng nó không có logic, ngôn ngữ đánh dấu cũng vậy. Các thẻ HTML cung cấp ý nghĩa ngữ nghĩa và khả năng đọc bằng máy đối với nội dung trong trang
Một phần tử thường bao gồm thẻ mở [], thẻ đóng [], chứa tên của phần tử được bao quanh bởi dấu ngoặc nhọn và nội dung ở giữa.
...content...
Có một số phần tử HTML không có thẻ đóng hoặc bất kỳ nội dung nào. Chúng được gọi là các phần tử void. Các phần tử trống bao gồm ,
,
và
Tên phần tử có thể được coi là từ khóa mô tả cho nội dung mà chúng chứa, chẳng hạn như
// the hello world program
2, // the hello world program
3, font
0, font
1Một trang HTML có thể bao gồm hàng trăm phần tử tiềm năng, sau đó được trình duyệt web đọc, diễn giải và hiển thị thành nội dung con người có thể đọc hoặc nghe được trên màn hình
Đối với tài liệu này, điều quan trọng cần lưu ý là sự khác biệt giữa các phần tử và thẻ
yếu tố.
// the hello world program
2, // the hello world program
3, font
0, font
1Thẻ. ,
,
font
8] giữa dấu ngoặc mở và tên phần tử [
Nội dung sau đó có thể đi giữa hai thẻ này
font
9
Tạo một trang đơn giản
Ví dụ HTML sau tạo một trang web "Xin chào thế giới" đơn giản
Các tệp HTML có thể được tạo bằng bất kỳ trình soạn thảo văn bản nào. Các tệp phải được lưu với phần mở rộng 0 hoặc
1[2] để được nhận dạng là tệp HTML
ví dụ
Viết một số văn bản trực tiếp vào đầu ra HTML
tài liệu. write["Xin chào thế giới. "];
Viết một số phần tử HTML trực tiếp vào đầu ra HTML
tài liệu. viết["
Chào thế giới
Chúc một ngày tốt lành
"];Tự mình thử »Sử dụng tài liệu. write[] sau khi tài liệu được tải, xóa tất cả HTML hiện có
// Điều này nên tránh.
function myFunction[] {
tài liệu. write["Xin chào thế giới. "];
}
Thêm ví dụ bên dưới
Định nghĩa và cách sử dụng
Phương thức
console.log['Hello, World!'];
6 ghi trực tiếp vào luồng tài liệu mở [HTML]Cảnh báo
Phương thức
console.log['Hello, World!'];
6 xóa tất cả HTML hiện có khi được sử dụng trên tài liệu đã tảiKhông thể sử dụng phương thức
console.log['Hello, World!'];
6 trong XHTML hoặc XMLcú pháp
tài liệu. viết [exp1, exp2,. , expN]
Thông số
Tham sốDescriptionexp1,. Không bắt buộc.Luồng đầu ra.
Nhiều đối số được thêm vào tài liệu theo thứ tự xuất hiện.
Giá trị trả về
Thêm ví dụ
Mở luồng đầu ra, thêm một số HTML, sau đó đóng luồng đầu ra
tài liệu. open[];
tài liệu. ghi["
tài liệu. close[];Tự thử »
Mở một cửa sổ mới và viết một số HTML vào đó
const myWindow = cửa sổ. open[];
myWindow. tài liệu. ghi["
myWindow. tài liệu. ghi["
Chào thế giới
"];Try it Yourself »Sự khác biệt giữa write[] và writeln[]
Phương thức writeln[] chỉ hữu ích khi ghi vào tài liệu văn bản [type=". txt"]
Thí dụ
tài liệu. write["Xin chào thế giới. "];
tài liệu. write["Chúc một ngày tốt lành. "];
tài liệu. write["
"];
tài liệu. writeln["Xin chào thế giới. "];
tài liệu. writeln["Chúc một ngày tốt lành. "];
Ghi chú
Thật vô nghĩa khi sử dụng writeln[] trong HTML
Nó chỉ hữu ích khi ghi vào tài liệu văn bản [type=". txt"]
Các ký tự dòng mới bị bỏ qua trong HTML
Nếu bạn muốn có dòng mới trong HTML, bạn phải sử dụng đoạn văn hoặc
.
ví dụ
tài liệu. write["Xin chào thế giới. "];
tài liệu. write["
"];
tài liệu. write["Chúc một ngày tốt lành. "];
tài liệu. viết["
Chào thế giới
"];tài liệu. ghi["
Chúc một ngày tốt lành
"];Try it Yourself »Hỗ trợ trình duyệt
console.log['Hello, World!'];
9 được hỗ trợ trong tất cả các trình duyệtChromeEdgeFirefoxSafariOperaIECóCóCóCóCóCóMột "Xin chào, thế giới. " là một chương trình đơn giản in Hello, World. trên màn hình. Vì là một chương trình rất đơn giản nên chương trình này thường được sử dụng để giới thiệu một ngôn ngữ lập trình mới cho người mới bắt đầu
Chúng tôi sẽ sử dụng ba cách này để in
// the hello world program
alert["Hello, World!"];
0
1// the hello world program alert["Hello, World!"];
2// the hello world program alert["Hello, World!"];
3// the hello world program alert["Hello, World!"];
1. Sử dụng bảng điều khiển. nhật ký[]
// the hello world program
alert["Hello, World!"];
1 được sử dụng để gỡ lỗi mãMã nguồn
// the hello world program
console.log['Hello World'];
đầu ra
Chào thế giới
Ở đây, dòng đầu tiên là một bình luận
// the hello world program
dòng thứ hai
console.log['Hello, World!'];
in dòng chữ 'Xin chào, Thế giới. ' chuỗi vào bàn điều khiển
2. Sử dụng cảnh báo[]
Phương thức
// the hello world program
alert["Hello, World!"];
2 hiển thị hộp cảnh báo trên cửa sổ hiện tại với thông báo được chỉ địnhMã nguồn
// the hello world program
alert["Hello, World!"];
3. Sử dụng tài liệu. viết[]
// the hello world program
alert["Hello, World!"];
3 được sử dụng khi bạn muốn in nội dung ra tài liệu HTMLMã nguồn
// the hello world program
document.write['Hello, World!'];