Phần chung

HTML là ngôn ngữ giúp chúng ta phân chia layout trang web, được trình duyệt browser biên dịch.

Các thẻ cơ bản

Thuộc tính "required" trong thẻ để xác nhận dữ liệu nhập vào
The lấy đường dẫn tương đối

Các truyền dữ liệu giữa các file

Có hai phương thúc truyền dữ liệu: POST & GET
Thẻ <form method "POST"> action đến 1 trang hoặc dùng Id để đúng action

Truyền data để trong thẻ <form method "POST">

Boostrap note

Cấu trúc trang

<div class="row">
    <div class="col-lg-10 col-auto"></div>
    <div class="col-lg-10 col-auto"></div>
</div><!-- row -->

Thông báo popup

Boostrap là modal

Cấu hình các thư viện

Mathjax to HTML

Tải thư viện MathJax

Cấu trúc thư mục

project/
├─ index.php
├─ libs/
│   └─ mathjax
│       └─ 2.7.3
│       └─ 4.0.0

├─ widgets

Khai báo trong file html phiên bản 2.7.3

<!-- Online -->
<!-- <script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML">
    //Canh le trai
    MathJax.Hub.Config({
        jax: ["input/TeX", "output/HTML-CSS"],
        displayAlign: "left"
    });
</script> -->

<!-- Offline -->
<script type="text/javascript" async src="/libs/mathjax/2.7.3/MathJax.js?config=TeX-MML-AM_CHTML">
    //Canh le trai
    // MathJax.Hub.Config({
    //  jax: ["input/TeX", "output/HTML-CSS"],
    //  displayAlign: "left"
    // });
</script>

Khai báo trong file html phiên bản 4.0.0


<head>
<!-- MathJax cấu hình -->
<script>
    window.MathJax = {
        tex: {
            inlineMath: [
                ['$', '$'],
                ['\\(', '\\)']
            ],
            displayMath: [
                ['$$', '$$'],
                ['\\[', '\\]']
            ]
        },
        svg: {
            fontCache: 'global'
        }
    };
</script>    
<!-- MathJax Online -->
<!-- <script async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js"></script> -->    
<!-- MathJax Offline -->
<script async src="/libs/mathjax/4.0.0/tex-svg.js"></script> 
</head>

📚 MyDocs

📚 Danh mục