Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.

  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Học HTML - Định dạng thẻ tiêu đề và văn bản

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi MinhHoang, 28/9/15.

Lượt xem: 3,369

  1. MinhHoang Banned



    Học HTML kể từ bài viết này, các bạn lưu ý chúng ta sẻ làm việc trong cặp thẻ <body> </body>. Vì trong tập tin HTML để viết nội dung hiển thị ra ngoài bạn viết trong cặp thẻ này thì người dùng mới thấy được.

    Trong bài viết này mình sẽ giới thiệu đến các bạn một số thẻ HTML để định dạng chữ viết và văn bản trong tập tin html hiển thị lên website

    Mục lục nội dung:
    1. Thẻ tiêu đề nội dung
    2. Thẻ văn bản – paragraphs
    3. Các thẻ định dạng văn bản và chữ viết trong HTML
    4. Thẻ trích dẫn trong HTML
    5. Thẻ định dạng sẵn trong HTML
    1/ HỌC HTML VỚI THẺ TIÊU ĐỀ NỘI DUNG
    Tiêu đề (Headline) bao gồm các thẻ từ H1 -> H6. Sử dụng để định nghĩa tiêu đề cho nội dung HTML, giúp cho trình duyệt nhận biết được tiêu đề của một nội dung.

    H1 -> H6 mức độ quan trọng giảm từ <h1> tới <h6> (hay ta có thể hiểu: tiêu đề lớn nhất là <h1>, và tiêu đề nhỏ nhất là <h6>). tiêu đề văn bản nó giống như tên của từng chương trong một quyển sách vậy, nó sẽ được hiển thị to hơn nhằm nổi bật hơn.


    Thẻ <h1> sẽ có kích thước to nhất và thẻ <h6> sẽ có kích thước nhỏ nhất. Nếu sau này bạn có soạn thảo một bài viết bằng HTML thì nhớ sử dụng các thẻ tiêu đề này để làm văn bản trở nên chuyên nghiệp hơn.

    2/ HỌC HTML VỚI THẺ VĂN BẢN – PARAGRAPHS
    Thẻ <p></p> là chữ viết tắt của từ “paragraphs” có nghĩa là đoạn văn. Thẻ này giúp trình duyệt xác định được đoạn văn bản trong trang HTML. Thẻ này chỉ có thể chứa các thẻ: bold, text, image, link, button,…


    Để ngắt đoạn cho đoạn văn ta có thể dùng 2 cách:
    1. Ngắt đoạn cùng dòng: sử dụng thẻ <br /> (<br /> là thẻ thuộc nhóm inline).
    2. Sử dụng 2 thẻ <p></p> để ngắt đoạn khác dòng, tránh trường hợp sử dụng 2 lần thẻ <br /> vì làm trình duyệt không phân biệt đâu là cùng đoạn, đâu là khác đoạn
    3/ HỌC HTML VỚI CÁC THẺ ĐỊNH DẠNG VĂN BẢN VÀ CHỮ VIẾT TRONG HTML
    Học HTML thì bạn cần phải biết định dạng trong văn bản chữ viết như in đậm, tô nghiêng, gạch chân, <mark>…và đây là các thẻ HTML tương ứng cho từng chức năng đó. Bạn cần gõ lại chính xác một văn bản HTML như bên dưới:


    4/ HỌC HTML VỚI THẺ TRÍCH DẪN TRONG HTML
    Trích dẫn <quote>,<blockquote> là thẻ xác định một câu trích dẫn và có thể định dạng thêm tên người trích dẫn một cách chuyên nghiệp hơn, thẻ trích dẫn được quy định là <quote> và tên tác giả trích dẫn được quy định là <cite>. dadsadsa dsadasdas


    Lưu ý:     Thẻ <cite> thường chỉ nên dùng đặt trong thẻ<quote>,<blockquote>. Trình duyệt sẽ tự quy định nội dung nằm trong thẻ <cite> sẽ được in nghiêng, còn thẻ<quote> thì không có gì cả(nhưng bạn đừng lo chúng ta có ngôn ngữ khác để xử lý chuyện này đó là CSS).

    5/ HỌC HTML VỚI THẺ ĐỊNH DẠNG SẴN TRONG HTML
    Thẻ định dạng sẵn (preformatted)<pre>: vì mặc định trình duyệt đã tự động định dạng cho các nội dung nằm bên trong thẻ đó như kích thước chữ, khoảng cách, kiểu chữ. Thẻ này dùng để đăng một câu đối thoại hoặc in một đoạn mã để cho dễ phân biệt với các văn bản thông thường.


    Lưu ý:
    Khi viết văn bản trong cặp thẻ <pre> thì việc xuống hàng thông thường vẫn sẽ được định dạng ra mà không cần thêm thẻ <p> hoặc thẻ <br>

    LỜI KẾT:
    Trong bài này mình đã hướng dẫn các bạn học hTML với các thẻ định dạng tiêu đề và các thẻ định dạng văn bản như: xuống dòng, bôi đậm text, in nghiêng…

    ...

    Xem thêm các chủ đề cùng chuyên mục

    Facebook Group Việt Designer
    Tham gia nhóm
    Facebook Fanpage Việt Designer
    Thích trang
    MinhHoang, 28/9/15
    #1
Từ khóa:

Ủng hộ diễn đàn