HTML “Hello, world!”

 Trình soạn thảo văn bản ( text editor) nơi bạn có thể viết mã cục bộ trên máy tính của mình. Một số cái phổ biến bao gồm Visual Studios Code, Sublime Text, Atom và Vim, nhưng còn rất nhiều cái khác để bạn lựa chọn!

HTML và CSS (một ngôn ngữ đánh dấu được sử dụng để phác thảo một trang web và một quy trình để làm cho các thành phố của chúng ta hấp dẫn hơn về mặt hình ảnh)

HTML là một ngôn ngữ đánh dấu xác định cấu trúc của một trang web. Nó được thông dịch bởi trình duyệt web của bạn (Safari, Google Chrome, Firefox, v.v.) để hiển thị nội dung trên màn hình của bạn.

Hãy bắt đầu bằng cách viết một tệp HTML đơn giản!

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Hello!</title>
    </head>
    <body>
        Hello, world!
    </body>
<html>

Trong dòng đầu tiên, chúng tôi đang khai báo (với trình duyệt web) rằng chúng tôi đang viết tài liệu trong phiên bản mới nhất của HTML: HTML5.

Sau đó, trang bao gồm các phần tử HTML elements (chẳng hạn như html và nội dung), mỗi phần tử có opening and closing tag được đánh dấu bằng <element> cho phần mở và </element> cho phần đóng.

Lưu ý cách mỗi phần tử bên trong được thụt vào chỉ một chút so với phần tử cuối cùng. Mặc dù điều này không nhất thiết phải được trình duyệt yêu cầu, nhưng sẽ rất hữu ích nếu bạn lưu điều này trong mã của riêng bạn.

Phần tử HTML có thể bao gồm các thuộc tính attributes, cung cấp cho trình duyệt thêm thông tin về phần tử. Ví dụ: khi chúng tôi bao gồm lang="en" trong thẻ đầu tiên của mình, chúng tôi đang cho trình duyệt biết rằng chúng tôi đang sử dụng tiếng Anh làm ngôn ngữ chính của mình.

Bên trong phần tử HTML, chúng tôi thường muốn bao gồm cả thẻ head và body. Phần tử head sẽ bao gồm thông tin về trang của bạn không nhất thiết phải được hiển thị và phần body sẽ chứa những gì thực sự hiển thị cho người dùng truy cập trang web.

Trong phần đầu, chúng tôi đã bao gồm tiêu đề cho trang web của mình, title này ngay lập tức sẽ được hiển thị trong tab ở đầu trình duyệt web của chúng tôi.

Cuối cùng, chúng tôi đã đưa vào văn bản “Hello, world!” trong phần nội dung, là phần hiển thị trên trang của chúng tôi.

Document Object Model (DOM) - Mô hình đối tượng tài liệu (DOM)


DOM là một cách thuận tiện để hình dung cách các phần tử HTML liên quan với nhau bằng cách sử dụng cấu trúc dạng cây. Trên đây là một ví dụ về bố cục DOM cho trang mà chúng tôi vừa viết.


Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

Thương mại hoá y tế

Tất cả các thiết bị y tế được đưa vào thương mại phải đáp ứng các quy định của Hoa Kỳ và quốc tế. Các thiết bị được thử nghiệm về chất liệu của chúng, các tác động lên cơ thể con người, tất cả các thành phần bao gồm các thiết bị có các thiết bị khác đi kèm, và các khía cạnh cơ học.  Một kết quả tích cực có thể thấy trong hội thảo "Xúc tiến thương mại hóa công nghệ hóa-dược và thiết bị y tế" cho thấy Viện Hàn lâm Khoa học và Công nghệ Việt Nam nỗ lực kết nối nhà khoa học với doanh nghiệp nhằm thúc đẩy chuyển giao công nghệ, phát triển thương mại sản phẩm. Vậy thì, thương mại hoá y tế là gì? Và có mặt tích cực tiêu cực như thế nào? Việc coi các ngành sự nghiệp như giáo dục, y tế, văn hóa…thuộc khu vực dịch vụ và được hạch toán trong hệ thống kinh tế quốc dân có thể đuợc lý giải dưới bốn góc độ: Thứ nhất, trong nền kinh tế thị trường, mọi sản phẩm đều là hàng hóa, mọi hoạt động đều là kinh doanh, mà kinh doanh là bỏ vốn ra để thu được lợi ích nhất định. Các ngành giáo dục-đào tạ...
Đọc thêm

Các IDE hỗ trợ lập trình viên Python

 IDE là viết tắt của Integrated Development Environment – Môi trường phát triển tích hợp. Là phần mềm hợp nhất các công cụ cơ bản cần thiết để viết và kiểm tra phần mềm.  Đây là phần mềm máy tính có công dụng hỗ trợ các lập trình viên trong việc phát triển các phần mềm. Các nhà phát triển sử dụng nhiều công cụ trong suốt quá trình tạo, xây dựng và kiểm tra mã phần mềm. Các công cụ phát triển thường bao gồm các trình soạn thảo văn bản, thư viện mã, trình biên dịch và nền tảng thử nghiệm. IDE giúp cho bạn dễ dàng và thuận tiện hơn trong việc phát triển ứng dụng mặc dù không cần IDE bạn vẫn có thể viết mã nguồn được, bởi vì thực chất để mã nguồn của một ngôn ngữ lập trình nào đó chạy được, ta chỉ cần trình biên dịch (compiler) tương ứng của ngôn ngữ đó là được. Ví dụ: Bạn có thể lập trình C/C++ bằng Notepad hoặc Microsoft Word của Windows, sau đó lưu nó lại thành một file .cpp và dùng Compiler của C/C++ để biên dịch file đó là xong. Text editor Text editor (dịch sang tiếng Việt: ...
Đọc thêm

CÁCH XỬ LÝ FILE trong Python

Hình ảnh
 Đọc dữ liệu văn bản với Python Câu lệnh đọc các file dữ liệu văn bản như txt và csv bằng Python. Dữ Liệu Thuần Văn Bản (Plain Text) Trong Python, file có 2 loại: # Text File # Được cấu trúc như một dãy các dòng, mỗi dòng bao gồm một dãy các kí tự và một dòng tối thiểu là một kí tự dù cho dòng đó là dòng trống. # Các dòng trong text file được ngăn cách bởi một kí tự newline và mặc định trong Python chính là kí tự escape sequence newline \n. # Binary File # Các file này chỉ có thể được xử lí bởi một ứng dụng biết và có thể hiểu được cấu trúc của file này. # Và chúng ta ở đây với mức độ cơ bản chỉ xử lí text file. Thông thường để đọc file csv, bạn sẽ dùng gói thư viện pandas. Pandas là gói thư viện phân tích, chỉnh sửa dữ liệu dạng bảng được sử dụng rộng rãi trong cộng đồng khoa học dữ liệu thế giới. Pandas hỗ trợ tạo bảng dữ liệu (data frame) từ nhiều loại dữ liệu đầu vào khác nhau kể cả csv. Bạn có thể tham khảo thêm các thông số khác tại đây: https://pandas.pydata.org/pandas-docs/...
Đọc thêm