Các cặp thẻ - tag thường sử dụng trong lập trình Website

August 21, 2019 HTML-CSS, Website No comments

{tocify} $title={Table of Contents}

Tạo một trang web cơ bản

Bây giờ chúng ta sử dụng trình soạn code Sublime Text 3 để tạo một trang Web HTML đơn giản như sau:

Khi chạy ta được trang Web như hình:

Giải thích các thẻ trong website

- Thẻ khai báo loại tập tin

<!
DOCTYPE
html>

Đầu mỗi tài liệu, chúng ta phải khai báo loại tập tin cho nó. Ở đây ta khái báo là loại tập tin HTML. Với thẻ <! DOCTYPE> có thêm một tham số html. Tham số này có nghĩa là chúng ta khai báo với trình duyệt Web rằng đây là tài liệu HTML5.

- Thẻ đóng mở tài liệu HTML

<html>
</html>

Cặp thẻ này thông báo cho trình duyệt Web biết rằng nội dung bên trong là dạng HTML. Cặp thẻ này phải bao bọc toàn bộ nội dung Website, không bao gồm thẻ <!DOCTYPE html>.

- Thẻ đóng và mở phần thông tin Website

<head>
</head>

Dùng để chứa những thẻ khai báo thông tin cho website như:

Thẻ <title>

Thẻ <link>

Thẻ <style>

Thẻ <meta>

Thẻ <base>

Thẻ <script>

Thẻ <noscript>

- Thẻ đóng và mở phần nội dung Website

<body>
</body>

Cặp thẻ này dùng để báo cho trình duyệt Web biết đây là phần thân của Website. Chúng ta có thể viết nội dung của trang Web vào giữa cặp thẻ này.

- Thẻ khai báo tiêu đề Website

<title>
</title>

Cặp thẻ này dùng để khai báo tên của tài liệu bạn đang soạn. Giúp trình duyệt hiển thị tên của tài liệu khi mở lên.

style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-2710840940759095"
data-ad-slot="6573006073">

- Thẻ khai báo dữ liệu vĩ mô <meta>

<meta charset="utf-8"
/>

Đây là một thẻ đặc biệt vì không có thẻ đóng như các thẻ khác. Dùng để khai báo các dữ liệu vĩ mô của website như mô tả, từ khóa, tên tác giả, . . .

Trong đó thuộc tính charset có nhiệm vụ khai báo cho trình duyệt biết bảng mã ký tự siêu văn bản bên trong tài liệu. Hiện nay, hầu hết đều sử dụng bảng mã UTF-8 cho tất cả ngôn ngữ.

Các cặp thẻ thường sử dụng

- Các thẻ Heading - hiển thị đầu đề trong HTML

Bất kỳ một trang HTML nào cũng đều có những tiêu đề, sử dụng các kích cỡ chữ hiển thị khác nhau. HTML có sẵn 6 cỡ chữ khác nhau cho các tiều đề là các thẻ <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. Khi sử dụng các thẻ tiêu đề, trình duyệt Web sẽ tự động xuống dòng để cách các thẻ với nhau.

- Thẻ p - thẻ biểu diễn đoạn văn trong HTML

Thẻ <p> (viết tắt của Paragraph) - giúp bạn hiển thị một đoạn văn bản trong tài liệu HTML. Mỗi một đoạn văn trong tài liệu HTML sẽ nằm trong cặp thẻ <p> & </p>.

- Thẻ br - thẻ ngắt dòng trong HTML

Nếu bạn muốn ngắt dòng, bạn có thể sử dụng thẻ <br />. Thẻ có thể được sử dụng bất cứ vị trí nào trong đoạn tài liệu HTML. Các bạn chú ý, sau thẻ br có một khoảng trắng, rồi tới dấu / nhé. Nếu thiếu khoảng trắng, thì trong các trình duyệt Web phiên bản cũ có thể sẽ không hiểu. Và nếu thiếu dấu / thì sẽ bị vô hiệu trong XHTML.

- Thẻ hr - Thẻ hiển thị dòng ngang trong HTML

Các bạn có thể dùng thẻ <hr /> để tạo dòng ngang ngăn cách các khu vực văn bản với nhau. Các bạn chú ý, sau thẻ hr cũng có cách viết giống thẻ br nhé.

- Thẻ pre - giữ nguyên định dạng trong HTML

Có những lúc bạn muốn giữ nguyên định dạng như những gì bạn đã viết. Thì bạn nên dùng cặp thẻ <pre/> ... </pre>.

<pre>
</pre>

Sửa lỗi không hiển thị tab Sharing trên Windows

August 20, 2019 Computer, IT 2 comments

Nếu các bạn dùng hệ điều hành không bản quyền hoặc không sử dụng phần mềm diệt virus để bảo vệ máy tính. Khả năng hệ điều hành xảy ra lỗi rất cao. Trong đó lỗi không hiển thị tab Sharing trên windows là rất nghiêm trọng. Vì bạn không thể chia sẻ dữ liệu qua các máy tính khác trong cùng mạng LAN. Để khắc phục lỗi này thì mời các bạn xem phần hướng dẫn sau đây.

Bài viết này mình sẽ chia sẻ với các bạn cách Fix lỗi không hiển thị tab Sharing trong Windows.

Để biết cách share một thư mục hoặc ổ đĩa trong Windows, các bạn đọc bài viết này:
Các bước fix lỗi:

Bước 1:

Truy cập Start\Control Panel\Administrative Tools\

Bước 2:

Tiếp theo nhấp đúp chọn Services như hình:

Bước 3:

Tìm đến mục Security Account Manager, xem trạng thái tại cột Status. Nếu đang rỗng hoặc "Disabled" thì các bạn nhấp đúp vào mục này và chuyển sang trạng thái Automatic như hình:

Chọn Automatic xong, các bạn tiếp tục chọn Apply, chọn Start và cuối cùng chọn OK.

Bước 4:

Tìm đến mục Server, nếu trạng thái rỗng hoặc "Disabled" thì các bạn chuyển sang trạng thái Automatic và làm tương tự như bước 3.

Các bạn có thể xem chi tiết trong video ở đầu vài biết. Cuối cùng các bạn khởi động lại máy tính để tận hưởng thành quả nhé!

Khái niệm HTML - cách tạo một Website cấu trúc HTML

August 17, 2019 HTML-CSS, Website No comments

{tocify} $title = {Table of Contents}

HTML là gì?

Theo Wikipedia, HTML (HyperText Markup Language, tạm dịch là "Ngôn ngữ Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web. Cùng với CSS và JavaScript, HTML tạo ra bộ ba nền tảng kỹ thuật cho World Wide Web. HTML đã trở thành một chuẩn Internet do tổ chức World Wide Web Consortium (W3C) duy trì. Phiên bản chính thức mới nhất của HTML là HTML 4.01 (1999). Sau đó, các nhà phát triển đã thay thế nó bằng XHTML. Hiện nay, HTML đang được phát triển tiếp với phiên bản HTML5 hứa hẹn mang lại diện mạo mới cho Web.

Một tài liệu HTML đơn giản thường có cấu trúc như sau:

<!DOCTYPE html>
<html>
	<head>
		<title>Tiêu đề HTML, và các liên kết đến CSS, Javascript, ...</title>
	</head>
	<body>
		<p>Nội dung của trang HTML.</p>
	</body>
</html>

Trình soạn thảo HTML

Hiện nay có rất nhiều trình soạn thảo hỗ trợ tốt HTML như: Subline Text, Atom, Visual Studio Code, Notepad++, ... Trong đó Notepad++ là trình soạn thảo đơn giản nhất và dễ nhất cho người mới bắt đầu học HTML.

Các bước để tạo một trang Web HTML đơn giản:
Bước 1: Mở trình soạn thảo HTML (Notepad++)
Bước 2: Soạn đoạn code HTML đơn giản

Bước 3: Lưu lại với định dạng *.html

Bước 4: Chạy trang Web HTML
Nhấp đôi vào file vừa lưu để khởi chạy trang Web đầu tiên nhé.