Bài giảng Tìm hiểu về ngôn ngữ lập trình HTML

Cấu trúc trang web:

 

 

  tiêu đề trang web</span></p><p class="cs95E872D0"><span class="cs1B16EEB5"> </HEAD></span></p><p class="cs95E872D0"><span class="cs1B16EEB5"> <BODY></span></p><p class="cs95E872D0"><span class="cs1B16EEB5"> Thân trang web</span></p><p class="cs95E872D0"><span class="cs1B16EEB5"> </BODY></span></p><p class="cs95E872D0"><span class="cs1B16EEB5"> </HTML></span></p><p class="cs95E872D0"><span class="cs1B16EEB5"> </span></p> </div> <!-- End .doc-intro --> <div class="ad-post"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- BaiGiangMau.com_Res --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8968632188895249" data-ad-slot="5065187767" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="doc-preview"> <iframe width="100%" height="700" frameborder="0" scrolling="auto" src="https://s2.baigiangmau.com/web/viewer.html?file=https://s2.baigiangmau.com/wyZur7UkrnREZxi4/demo/2021/01/08/bai_giang_tim_hieu_ve_ngon_ngu_lap_trinh_html_0ZvRHSPCkr.png"></iframe> </div> <!-- End .doc-preview --> <div class="doc-info"> <img class="icon" alt="ppt" src="/images/icons/ppt16x16.gif"><span class="page-numbers">11 trang</span> | <span class="sender">Chia sẻ: <a rel="nofollow" href="#">hienduc166</a></span><span class="views"> | Lượt xem: 429</span><span class="downloads"> | Lượt tải: 0</span><a class="download-button" rel="nofollow" href="/dang-nhap/?ReturnUrl=%2fbai-giang%2fbai-giang-tim-hieu-ve-ngon-ngu-lap-trinh-html-37586%2f"><img class="img-download" src="/images/download.gif" alt="download"/></a> </div> <!-- End .doc-info --> <div class="doc-content-title">Bạn đang xem nội dung tài liệu <strong>Bài giảng Tìm hiểu về ngôn ngữ lập trình HTML</strong>, để tải tài liệu về máy bạn click vào nút TẢI VỀ ở trên</div><div class="doc-content"><pre> Tìm hiểu về ngôn ngữ lập trình HTML:Cấu trúc trang web: tiêu đề trang web Thân trang web TRƯỜNG CAO ĐẲNG SƯ PHẠM QUẢNG TRỊKHOA CÔNG NGHỆ THÔNG TINCú pháp tag tổng quát: Cú pháp tag tổng quát của một tag: chuỗi văn bản tên_tag gõ vào dạng chữ thường hoặc hoa đều được và các tag có thể lồng vào nhau.Tạo đầu trang : Tag ở đầu trang web tĩnh và ở cuối trang . Trang web được bắt đầu và kết thúc bởi trang này.TRƯỜNG CAO ĐẲNG SƯ PHẠM QUẢNG TRỊKHOA CÔNG NGHỆ THÔNG TINTag bắt đầu : Tag đánh dấu điểm bắt đầu phần_đầu_Heading của trang web.Tag tiêu đề :Tag chỉ định tiêu đề của trang webTiêu đề này sẽ xuất hiện trên thanh tiêu đề của trình duyệtTag này chỉ hợp lệ khi đưa vào bên trong phần .TRƯỜNG CAO ĐẲNG SƯ PHẠM QUẢNG TRỊKHOA CÔNG NGHỆ THÔNG TINTag thân trang : Dùng chỉ định bắt đầu và kết thúc phần nội dung trang web này được định nghĩa như sau: TRƯỜNG CAO ĐẲNG SƯ PHẠM QUẢNG TRỊKHOA CÔNG NGHỆ THÔNG TINTag xuống dòng sang đoạn mới :Ngắt văn bản sang đoạn mớiThành phần cuối đoạn không nhất thiết phải cóTag này được định nghĩa như sau: , ALIGN= align_type dùng chỉ định canh đoạn mới . Align_type =LEFT (canh trái) RIGHT (canh phải) CENTER (canh giữa). TRƯỜNG CAO ĐẲNG SƯ PHẠM QUẢNG TRỊKHOA CÔNG NGHỆ THÔNG TINTag xuống dòng không sang đoạn mới : Ngắt xuống dòng mới nhưng vẫn thuộc cùng một đoạn hiện hành không nhất thiết phải cóTag thêm đường thẳng nằm ngang : Tag này được định nghĩa như sau: TRƯỜNG CAO ĐẲNG SƯ PHẠM QUẢNG TRỊKHOA CÔNG NGHỆ THÔNG TINTag đậm : Hiển thị văn bản đậm phisical typeTag nghiêng : Hiển thị văn bản nghiêng theo phisical typeTag gạch dưới : Hiển thị văn bản gạch dưới theo phisical typeTag gạch giữa : Hiển thị văn bản gạch giữa theo phisical typeTag đậm logic type Hiển thị văn bản đậm theo logic typeTRƯỜNG CAO ĐẲNG SƯ PHẠM QUẢNG TRỊKHOA CÔNG NGHỆ THÔNG TINTag nghiêng logic type : Hiển thị văn bản nghiêng theo logic typeTag gạch ngang logic type : Hiển thị văn bản ngang theo logic typeTag chỉ số logic type : Hiển thị văn bản dạng chỉ số theo logic typeTag mủ logic type : Hiển thị văn bản dạng mủ theo logic typeTRƯỜNG CAO ĐẲNG SƯ PHẠM QUẢNG TRỊKHOA CÔNG NGHỆ THÔNG TINTag Font chữ : Chỉ định font, size, màu văn bản Sử dụng tag để bắt đầu và kết thúc một bảng Sử dung kèm theo với tag để thêm một dòng trong bảng và tag để thêm một ô trên dòng. TRƯỜNG CAO ĐẲNG SƯ PHẠM QUẢNG TRỊKHOA CÔNG NGHỆ THÔNG TINTag 6 mức tiêu đề : Dùng để tạo các tiêu đề to nhỏ tuỳ ý theo cấp tiêu đề trong trang web Có 6 cấp tiêu đề khác nhau được định nghĩa như sau: Text xuất hiện trong tiêu đề Với N là số từ 1 đến 6TRƯỜNG CAO ĐẲNG SƯ PHẠM QUẢNG TRỊKHOA CÔNG NGHỆ THÔNG TINTRƯỜNG CAO ĐẲNG SƯ PHẠM QUẢNG TRỊKHOA CÔNG NGHỆ THÔNG TINThe end !!!Chúc các bạn thành công.!!!</pre></div> <div class="list-files"><p class="list-title">File đính kèm:</p><ul><li><img src="/images/icons/ppt16x16.gif" alt="ppt">STGT HTML.ppt</li></ul></div> </div> <!-- End .box --> </div> <!-- End #viewdoc --> </div> <!-- End #content --> <div id="content-widget"> <div class="relevant-docs"> <div class="header"> <div class="box-header">Bài giảng liên quan</div> </div> <!-- End .header --> <div class="box"> <ul> <li><img src="/images/icons/ppt24x30.gif"><a href="https://baigiangmau.com/bai-giang/bai-giang-lap-trinh-huong-doi-tuong-c-chuong-9-thua-ke-dai-hoc-can-tho-31406/">Bài giảng Lập trình hướng đối tượng C++ - Chương 9: Thừa kế - Đại học Cần Thơ</a><p class="detail">24 trang | Lượt xem: 564 | Lượt tải: 0</p></li><li><img src="/images/icons/pdf24x30.gif"><a href="https://baigiangmau.com/bai-giang/tivi-10-khoi-nguon-nuoi-21638/">Tivi - 10: Khối nguồn nuôi</a><p class="detail">5 trang | Lượt xem: 1234 | Lượt tải: 0</p></li><li><img src="/images/icons/ppt24x30.gif"><a href="https://baigiangmau.com/bai-giang/bai-giang-access-phan-v-macros-20745/">Bài giảng Access - Phần V: Macros</a><p class="detail">20 trang | Lượt xem: 1075 | Lượt tải: 0</p></li><li><img src="/images/icons/pdf24x30.gif"><a href="https://baigiangmau.com/bai-giang/giao-trinh-lap-trinh-c-chuong-7-struct-31325/">Giào trình Lập trình C - Chương 7: Struct</a><p class="detail">4 trang | Lượt xem: 504 | Lượt tải: 0</p></li><li><img src="/images/icons/pdf24x30.gif"><a href="https://baigiangmau.com/bai-giang/giao-trinh-tin-hoc-phan-cung-may-vi-tinh-chuong-1-tong-quan-ve-may-vi-tinh-31425/">Giáo trình Tin học - Phần cứng máy vi tính - Chương 1: Tổng quan về máy vi tính</a><p class="detail">14 trang | Lượt xem: 589 | Lượt tải: 0</p></li><li><img src="/images/icons/pdf24x30.gif"><a href="https://baigiangmau.com/bai-giang/tivi-8-khoi-quet-man-hinh-21636/">Tivi - 8: Khối quét màn hinh</a><p class="detail">5 trang | Lượt xem: 1244 | Lượt tải: 0</p></li><li><img src="/images/icons/ppt24x30.gif"><a href="https://baigiangmau.com/bai-giang/bai-giang-thiet-ke-web-chuong-2-tiet-23-bai-3-dat-mau-nen-cho-trang-web-32402/">Bài giảng Thiết kế Web - Chương 2, Tiết 23, Bài 3: Đặt màu nền cho trang Web</a><p class="detail">8 trang | Lượt xem: 764 | Lượt tải: 0</p></li><li><img src="/images/icons/doc24x30.gif"><a href="https://baigiangmau.com/bai-giang/giao-trinh-bai-tap-tin-hoc-van-phong-trung-tam-day-nghe-huyen-ba-tri-31879/">Giáo trình Bài tập Tin học văn phòng - Trung tâm dạy nghề huyện Ba Tri</a><p class="detail">50 trang | Lượt xem: 730 | Lượt tải: 0</p></li><li><img src="/images/icons/doc24x30.gif"><a href="https://baigiangmau.com/bai-giang/do-an-pto-pwm-trong-simatic-s7-200-nguyen-duy-thao-32043/">Đồ án PTO & PWM Trong SIMATIC S7 200 - Nguyễn Duy Thảo</a><p class="detail">37 trang | Lượt xem: 1147 | Lượt tải: 1</p></li><li><img src="/images/icons/ppt24x30.gif"><a href="https://baigiangmau.com/bai-giang/bai-giang-captech-chuong-9-ham-31368/">Bài giảng Captech - Chương 9: Hàm</a><p class="detail">20 trang | Lượt xem: 535 | Lượt tải: 0</p></li> </ul> </div> <!-- End .box --> </div> <!-- End .relevant-docs --> <div class="ad-sidebar-right"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- BaiGiangMau.com_Res --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8968632188895249" data-ad-slot="5065187767" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <!-- End #content-widget --> </div> <!-- End #inner --> <div id="footer"> <div class="footer-copy"> <p class="footer-left"> Copyright © 2024 <a href="https://baigiangmau.com/" title="Bài Giảng Mẫu">BaiGiangMau.com</a> - <a href="https://baigiang.net/" target="_blank">Thư viện bài giảng điện tử</a>, <a href="https://sangkienkinhnghiem.net/" target="_blank">Sáng kiến kinh nghiệm STEM</a>, <a href="https://thuviendethi.com/" target="_blank">Bộ đề thi</a> </p> <p class="footer-right"> <a rel="nofollow" target="_blank" href="https://www.facebook.com/"><img src="/images/facebook_16x16.gif" alt="BaiGiangMau.com on Facebook"/></a> <a rel="nofollow" target="_blank" href="https://twitter.com/"><img src="/images/twitter_16x16.gif" alt="Follow @BaiGiangMau.com"/></a> </p> </div> </div> <!-- End #footer --> <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js?ver=1.7.1'></script> <script type='text/javascript' src='/js/customscript.js'></script> <div id="ucFooter1_div_adv_footer"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-8968632188895249", enable_page_level_ads: true }); </script> </div> <script type="text/javascript"> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-63781964-2', 'auto'); ga('send', 'pageview'); </script> </div> <!-- End #wrap --> </body> </html>