 Cú pháp:

 n mang giá trị từ 1 đến 7. Giá trị mặc định là 3.

• Định màu cho văn bản

 Cú pháp:

 Color: là màu dùng cho chữ. Giá trị màu có thể gõ bằng chữ hoặc hệ số hexa (16)

 Ví dụ: Lớp lập trình Web

Lớp lập trình Web

•

•



•



•



•



•



•



•



Định dạng chữ

 Thẻ nội dụng hoặc Nội dung

 Thẻ nội dụng hoặc nội dụng

Định dạng chỉ số trên mà dưới

 Chỉ số trên:

 Ví dụ: AX2+BX+C =0

AX²+BX+C=0

 Chỉ số dưới:

- Ví dụ: C+02=C02

C+O₂=CO₂

Phân đoạn văn bản

 Cú pháp

 Thuộc tính align: canh đoạn văn bản. Align có thể nhận các giá trị sau

– Left: nội dụng trong đoạn được canh trái

– Righ: nội dung trong đoạn được canh phải

– Center: nội dung trong đoạn được canh giữa

Thẻ phân cấp đề mục: Trong HTML cho phép sử dụng 6 cấp đề mục trong trang Web

 Cú pháp: Nội dung với n mang giá trị từ 1 tới 6

 Ví dụ:



Giám đốc



Phó giám đốc



Nhân viên

Chèn hình ảnh vào trang Web

 Cú pháp:

 Tên tệp tin chứa hình ảnh có cả đường dẫn thư mục. Nếu tệp tin hình ảnh được đặt

cùng thư mục với thư mục chứa trang Web thì không cần đường dẫn thư mực

 Ví dụ

Thêm đường viên xung quanh hình ảnh

 Cú pháp:

 Với n là độ dày của đường biên ảnh, tính bằng pixel

 Ví dụ

Canh chỉnh hình ảnh

 Cú pháp: Nội dung

 Giá Trị:

o left: hình ảnh nằm bên trái màn hình

o right: hình ảnh nằm bên phải màn hình

o center: hình ảnh nằm giữa màn hình

o Ví dụ Xin chào

Thêm chữ xung quanh hình ảnh

 Cú pháp: Nội dung

 Giá trị

o Top: ví trí văn bản nằm ở phái trên hình ảnh

o middle: vị trí văn bản nằm ở giữa hình ảnh

30



•



o bottom: vị trí văn bản nằm ở dưới hình ảnh

Chèn ảnh nèn

Look: A background image!

Both gif and jpg files can be used as HTML backgrounds.

If the image is smaller than the page, the image will repeat itself.

•



Đường kẻ ngang trang Web

 Thẻ

---

: dùng để kẽ đường ngang trên trang Web, giúp trang Web rõ ràng hơn.

 Cú pháp:

o

---

 Size: độ dày/mỏng của đường kẻ tính bằng pixel

 Width: chiều rộng của đường kẻ tính bằng pixel

 Align: canh đường kẻ. Có 3 giá trị left,right, center



•



Định màu nền cho trang Web

 Để đình mầu nền cho trang Web, bổ sung thuộc tính bgcolor vào trong thẻ BODY

 Cú pháp

 Color là màu cần định cho trang Web

Định ảnh nền cho trang Web

 Dùng hình ảnh làm nền cho toàn trang Web thày vì sử dụng màu nền

 Cú pháp

 Tên tệp là tên tệp tin hình ảnh càn làm nền cho trang Web

Xuống dòng trong trang Web

 Cú pháp


Tạo danh sách theo thứ tự

 Cú pháp

1. Nội dung mục 1
   
   
2. Nội dung mục 2
   
   …..
   
   
3. Nội dung mục N
   
   

 Trong đó X đỉnh kiểu ký hiệu sẽ được sử dụng trong danh sách

o A là chữ hoa

o a danh sách được đanh theo thứ tự chữ thường

o I,I,1

o N là giá trị bắt đầu của danh sách

Tạo dấm tròn (bullet) cho danh sách

 Cú pháp

• Nội dung mục 1
  
  
• Nội dung mục 2
  
  …..
  
  
• Nội dung mục N
  
  

 Trong đó “kiểu chấm tròn” mang một trong 3 giá trị sau:

o disc: kiểu dấu chấm tròn đậm



•



•

•



•



31



•



o Circle: kiểu dấu chấm tròn rỗng

o Square: kiểu dấu chấm vuông đặc

Tạo danh sách định nghĩa: là loại danh sách có dạng một từ hay một cụm từ kèm theo

nội dung dài, rất thích hợp giải thích ý nghĩ của nội dung

 Cú pháp: sử dụng các thẻ

,

,

o

: để tạo danh sách định nghĩa

o

:đánh dấu thuật ngữ được định nghĩa trong danh sách

o

: giải thích thuật ngữ ở trên





Ví dụ

Hướng công nghệ phần mềm>

Đào tạo ra những lập trình viên, đáp ứng nhu cầu cần thiết của xã hội

2.3.3 Tạo liện kết (link)

Liên kết là đặc trưng WWW, cho phép người dùng chuyển từ mục này sang mục khác trong

cùng một trang hoặc chuyển sang một trang Web này sang một trang Web khác

a. Liên kết trong cùng một trang Web: cho phép liên kết đến các mục bên trong một trang

Web.

• Các bước thực hiện

 Tạo một điểm neo (bookmark)

o Cú pháp: NDung

 Tạo liên kết đến điểm neo

o Cú pháp:

o Dấu # báo cho trình duyệt biết liên kết này là nội bộ





Ví dụ:

`

b.Tạo liên kết đến các trang Web khác

 Cú pháp Nội dung

o Ví dụ

 DHHH

o Thuộc tính

 Target=“giá trị”: mở liên kết ở vị trí nào?phụ thuộc giá trị

– _blank:nạp liên kết vào một cửa sổ trống mới

– _parent: nạp liên kết vào cửa sổ cha gần nhất của trang Web

hiện thời

– _self: nạp liên kết vào cùng cửa sổ với trang Web hiện hành

– _top: nạp liên kết vào cửa sổ cao nhất



2.3.4 Một số kí tự đặc biệt trong HTML

HTML dùng các kí từ < và > để mở và đóng 1 thể, do đó không thể hiện các ký tự đặc biệt

này. Vì vậy cần có một nhóm ký tự thay thế



32



2.3.5 Các tag dùng thiết kế bảng

•



Cú pháp:

 : Bắt đầu một bảng mới với các thuộc tính đi kèm

 Thuộc tính:

o Bgcolor: đình màu nền cho bảng

o Border: định đò dày, mảnh của đường viền

o Bordercolor: định màu cho đường viền

o Bordercolordark: định màu sậm cho phần hắt bóng của đường viền

o Cellpadding: định khoảng cách giữa nội dung và đường viền

o Cellspacing: định khoảng cách giữa các ô

o Frame: hiển thị đường viền ngoài

o Height: định chiều cao bảng

o Width: định chiều rộng bảng

o Rules: hiển thị đường viền trong

 Nội dung bắt đầu một hàng mời trong bảng với các thuộc tính:

o Align/valigh: canh chỉnh nội dung hàng theo phương ngang/dọc

o Bgcolor: thay đổi màu nền của bảng









,: bắt đầu một đề mục mới cho bảng vớic ác thuộc tính

sau

o Align/valigh: canh chỉnh nội dung hàng theo phương ngang/dọc

o Bgcolor: thay đổi màu nền của ô

o Colspan: mở rộng ô qua nhiều cột

o Rowspan: kéo dài ô xuống nhiều hàng

o Nowrap: giữ nội dung ô nằm trên một dòng

o Width, height: đình chiều rộng, cao cho ô

Tạo khung viền cho bảng

33











o

Thay đổi màu khung

o

Thiết lập độ rộng

o

Thiết lập tiêu đề cho bảng

o



2.3.6 Các tag tạo Frame

Khung (Frame) là thành phần cơ bản của Web, một trang Web có thể được chia thành nhiều

khung, mỗi khung sẽ chứa một trang Web riêng

a. Tạo Frame có dạng hàng

• Cú pháp:









• Trong đó:

o a: chiều cao frame đầu tiên

o *:chiều cao của frame thứ 2 là khoảng trống còn lại

o b:chiều cao của frame thứ 3

b.Tạo Frame có dạng cột

• Cú pháp:









o Scorlling = “yes/no”: ẩn/hiện thanh cuộn

o Frameboder=“yes/no”: ẩn/hiện viền khung

o Border=“n”: chỉnh độ dày/mỏng của viền khung

o Noresize: không cho thay đổi kích thước của khung



2.3.7 Các tag dùng tạo Form

Form là thành phần giao tiếp cơ bản giữa người duyệt Web với người tạo Web. Dữ liệu được

nhập vào Form thông qua các hộp điều khiển.

Cú pháp: …

•



Tạo Textbox

o Cú pháp:
maxlength = n>

o Trong đó: “name” là chuỗi kí tự nhận diễn dữ liệu nhập vào, “value” là dữ liệu

đầu tiên hiển thị trong Textbox và được gửi đến máy chủ khi người duyệt

không gõ thông tin gì, size định kích thước của Textbox, maxlength giới hạn

số kí tự nhập vào Textbox

34



•



Tạo Textboxx với vùng văn bản chứa nhiều dòng

o Cú pháp: <textarea><br /><br />o Trong đó “name” là chuỗi kí tự nhận diện dữ liệu nhập vào, n là chiều cao của<br /><br />vùng văn bản tính bằng dòng (mặc định = 4), m là chiều rộng của vùng văn<br /><br />bản tính bằng kí tự (mặc định = 40).<br /><br /><br /><br />•<br /><br /><br /><br />Tạo nút Radio button: Radio là nút chì được họn một trong số đó, không thể chọn lựa<br /><br />hai nút cùng lúc<br /><br />o Cú pháp <input type = “radio name = “name” value = “data” checked><br /><br /><br /><br />•<br /><br /><br /><br />Tạo ô chọn (checkbox): khác với Radio, checkbox cho phép chọn nhiều nút trong một<br /><br />nhóm.<br /><br />o Cú pháp <input type = “checkbox” name = “set” value = “value” checked><br /><br /><br /><br />•<br /><br /><br /><br />Tạo nút Push button (nút nhấn)<br /><br />o Cú pháp<input type = “button” value = “nhãn”><br /><br />o Để tạo nút nhấn khi người dùng nhấn vào, dữ liệu của các điều khiển khác đều<br /><br />được đặt giá trị mặc định lúc khởi tạo, có thể chỉ định thuộc tính type =”reset”<br /><br />trong tag <input>. Tạo nút nhấn đề kết thục việc nhập dữ liệu của một Form, ta<br /><br />chỉ định thuộc tính type = “submit” trong thẻ <input><br /><br /><br /><br />•<br /><br /><br /><br />Tạo Dropdown Listbox: là danh sách chứa nhiều mục<br /><br />o Cú pháp<br /><br /><br /><br />35<br /><br /><br /><br />Chương III Cascading style sheets<br /><br />2.1 Căn bản về CSS (Cascading style sheets)<br /><br />CSS là một chuẩn để định dạng các trang Web. CSS mở rộng ngôn ngữ HTML truyền thống<br /><br />với hơn 70 thuộc tính về kiểu dáng có thể áp dụng cho các thẻ HTML.Với CSS, các nhà lập<br /><br />trình Web có thêm nhiều lựa chọn về màu sắc, khoảng cách, vị trí, biên, lề, con trỏ.<br /><br />Ví dụ:<br /><br /><html><br /><br /><span style=”cursor:hand;”><br /><br />Chuyển con trỏ thành bàn tay<br /><br /></span><br /><br /></html><br /><br /><br /><br />2.2 Cú pháp CSS<br /><br />Cú pháp của CSS được tạo nên bởi 3 thành phần:<br /><br />- Phần tử chọn (thường là một thẻ HTML) (Selector)<br /><br />- Thuộc tính (Property)<br /><br />- Giá trị (Value)<br /><br />Cú pháp của CSS được thể hiện như sau:<br /><br />Selector {<br /><br />Thuộc tính 1: giá trị;<br /><br />Thuộc tính 2: giá trị;<br /><br />……<br /><br />Thuộc tính n: giá trị;<br /><br />}<br /><br />Selector thường là các thẻ HTML mà bạn muốn định nghĩa thêm. Property là thuộc tính mà<br /><br />bạn muốn thay đổi; mỗi một thuộc tính cần phải có một giá trị. Một thuộc tính và giá trị của<br /><br />nó được phân cách nhau bởi dấu hai chấm (:). Hai cặp thuộc tính-giá trị được phân cách nhau<br /><br />bởi dấu chấm phảy (;). Toàn bộ các cặp thuộc tính-giá trị của một thẻ HTML được đặt trong<br /><br />cặp dấu ngoặc nhọn ({}).<br /><br /><br /><br />2.2.1 Phần tử chọn – Seclector<br /><br />a. Dùng các phần tử HTML làm phần tử chọn: là cách tuyệt vời để áp dụng CSS nếu muốn tất<br /><br />cả các phần tử thuộc một kiểu nào đó xuất hiện với cùng một định dạng. Cách làm này là<br /><br />cứng nhắc nhất trong 3 cách nhưng nó là cách tốt nhất để đảm bảo tính nhất quán của việc<br /><br />định dạng suốt tài liệu. Một trong những cách dùng HTML làm phần từ chọn thường đuợc<br /><br />dùng là định dang các siêu liên kết trong tài liệu.<br /><br /><STYLE TYPE=”text/css”><br /><br /><!-A {text-decoration:none;}<br /><br />--><br /><br /></STYLE><br /><br /><br /><br />36<br /><br /><br /><br />Ví dụ<br /><br />body{color: black} /*Phần chữ trong thẻ body sẽ có màu đen*/<br /><br />hay:<br /><br />p {text-align: center} /*tất cả các thẻ <P> trong trang HTML sẽ được canh giữa.*/<br /><br />hay định nghĩa nhiều thuộc tính:<br /><br />p<br /><br />{<br /><br />text-align: center;<br /><br />color: red;<br /><br />font-family: arial<br /><br />}<br /><br />Style sheet giới thiệu một số tùy chọn để các nhà thiết kế có thêm quyền điều khiển style cho<br /><br />các phần tử<br /><br />a. Dùng CLASS làm phần tử chọn<br /><br />Bằng việc tạo ra các lớp, có thể định nghĩa nhiều kiểu thể hiện khác nhau cho cùng một thẻ<br /><br />HTML và áp dụng mỗi lớp vào một vị trí cần thiết trên trang web. Có 2 cách thức dùng<br /><br />CLASS:<br /><br />Các CLASS gắn với 1 thẻ cụ thể<br /><br />Ví dụ: Trên trang web có 3 loại đoạn văn: Đoạn văn canh lề trái, đoạn văn canh lề giữa và<br /><br />đoạn văn canh lề phải. Khi đó có thể định nghĩa 3 lớp riêng biệt cho 3 loại đoạn văn này như<br /><br />sau:<br /><br />p.trai {text-align: left}<br /><br />p.phai {text-align: right}<br /><br />p.giua {text-align: center}<br /><br />Tiếp theo, trong trang HTML sử dụng như sau:<br /><br /><p class="trai">Đoạn văn này được canh lề trái.</p><br /><br /><p class="phai">Đoạn văn này được canh lề phải.</p><br /><br /><p class="giua">Đoạn văn này được canh lề giữa.</p><br /><br />Chú ý:<br /><br />- CSS phân biệt chữ hoa và chữ thường giống như C++ do đó khi viết cần phải cẩn thận<br /><br />trong việc sử dụng chữ hoa, chữ thường.<br /><br />- Trong trang HTML, chỉ được phép khai báo 1 thẻ thuộc duy nhất một lớp. Trái điều này mặc<br /><br />dù trình duyệt không báo lỗi nhưng các lớp sẽ không hoạt động được.<br /><br />Ví dụ về sử dụng lớp sai:<br /><br /><p class="trai" class="phai">Đây là đoạn định nghĩa sai</p><br /><br />Các ví dụ ở trên là ví dụ về việc tạo các lớp bị "gắn chặt" với một thẻ nào đó, tức là không sử<br /><br />dụng được lớp này trong thẻ khác. Theo các khai báo ở trên, ví dụ dưới đây sẽ không hoạt<br /><br />động:<br /><br /><td class="trai">Ví dụ này không hoạt động</td><br /><br />Các CLASS không gắn với một thẻ cụ thể (có thể gắn với hầu như tất cả các thẻ):<br /><br />37<br /><br /><br /><br /> </p> <p class="text-xl pb-40 overlay-read-more absolute bottom-0 left-0 w-full text-center bg-gradient-to-t from-white to-transparent"> </p> </div> <a href="javascript:" class="bg-secondary px-6 py-2 rounded text-white absolute bottom-0 left-1/2 mb-4 transform -translate-x-1/2" id="showmore">Xem Thêm</a> </div> <div style=" position: relative;" class="col-span-3 hidden md:block px-1 text-center"> <div style="position: sticky;top: 10px;height:600px"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-2979760623205174" data-ad-slot="8377321249"></ins><script defer>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </div> </div> <div class="vf_link_relate px-2 my-2"> <h2 class="vf_doc_relate text-2xl font-bold my-4">Tài liệu liên quan</h2> <ul class="grid grid-cols-12 gap-2"> <li class="col-span-6 md:col-span-2"><div class="card-doc"><a class="card-doc-img" href="/document/2264482-tong-quan-ve-internet-va-intranet.htm" title="tổng quan về internet và intranet"><i class="icon i_type_doc i_type_doc1"></i><img class="lazy" src="https://media.store123doc.com/images/default/doc_normal.png" alt="tổng quan về internet và intranet"/></a><a class="card-doc-title" title="tổng quan về internet và intranet" href="/document/2264482-tong-quan-ve-internet-va-intranet.htm" >tổng quan về internet và intranet</a><ul class="doc_tk_cnt"><li><i class="icon_doc"></i>125</li><li><i class="icon_view"></i>2,672</li><li><i class="icon_down"></i>0</li></ul></div></li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/308089-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tranh-c-a-cty-b-nh-k-o-h-i-ch-u.htm" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_cty_b_nh_k_o_h_i_ch_u"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/ri/gt/medium_gtm1366204341.jpg" alt="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_cty_b_nh_k_o_h_i_ch_u" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_cty_b_nh_k_o_h_i_ch_u" href="https://toc.123docz.net/document/308089-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tranh-c-a-cty-b-nh-k-o-h-i-ch-u.htm" target="_blank">m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_cty_b_nh_k_o_h_i_ch_u</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>86 </li> <li> <i class="icon_view"></i>92 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/308090-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tranh-c-a-cty-b-ng-n-ph-ch-n-c-r-ng-ng.htm" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_cty_b_ng_n_ph_ch_n_c_r_ng_ng"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/ri/eu/medium_euj1366204351.jpg" alt="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_cty_b_ng_n_ph_ch_n_c_r_ng_ng" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_cty_b_ng_n_ph_ch_n_c_r_ng_ng" href="https://toc.123docz.net/document/308090-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tranh-c-a-cty-b-ng-n-ph-ch-n-c-r-ng-ng.htm" target="_blank">m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_cty_b_ng_n_ph_ch_n_c_r_ng_ng</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>108 </li> <li> <i class="icon_view"></i>89 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/308092-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tranh-c-a-m-t-h-ng-bao-b-n-c-ta-trong-giai-o-n-hi-n-nay.htm" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_m_t_h_ng_bao_b_n_c_ta_trong_giai_o_n_hi_n_nay"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/ri/ut/medium_utn1366204362.jpg" alt="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_m_t_h_ng_bao_b_n_c_ta_trong_giai_o_n_hi_n_nay" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_m_t_h_ng_bao_b_n_c_ta_trong_giai_o_n_hi_n_nay" href="https://toc.123docz.net/document/308092-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tranh-c-a-m-t-h-ng-bao-b-n-c-ta-trong-giai-o-n-hi-n-nay.htm" target="_blank">m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_m_t_h_ng_bao_b_n_c_ta_trong_giai_o_n_hi_n_nay</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>35 </li> <li> <i class="icon_view"></i>91 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/308093-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tranh-c-a-s-n-ph-m-s-a-u-l-nh-c-a-cty-kinh-doanh-v-n-t-i-l-ng-th-c.htm" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_s_n_ph_m_s_a_u_l_nh_c_a_cty_kinh_doanh_v_n_t_i_l_ng_th_c"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/ri/xf/medium_xfc1366204370.jpg" alt="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_s_n_ph_m_s_a_u_l_nh_c_a_cty_kinh_doanh_v_n_t_i_l_ng_th_c" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_s_n_ph_m_s_a_u_l_nh_c_a_cty_kinh_doanh_v_n_t_i_l_ng_th_c" href="https://toc.123docz.net/document/308093-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tranh-c-a-s-n-ph-m-s-a-u-l-nh-c-a-cty-kinh-doanh-v-n-t-i-l-ng-th-c.htm" target="_blank">m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_c_a_s_n_ph_m_s_a_u_l_nh_c_a_cty_kinh_doanh_v_n_t_i_l_ng_th_c</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>72 </li> <li> <i class="icon_view"></i>110 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/308094-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tr-nh-m-t-h-ng-d-t-may-trong-ho-t-ng-kinh-doanh-c-a-c-c-doanh-nghi-p-vi-t-nam.htm" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tr_nh_m_t_h_ng_d_t_may_trong_ho_t_ng_kinh_doanh_c_a_c_c_doanh_nghi_p_vi_t_nam"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/ri/mg/medium_mgv1366204375.jpg" alt="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tr_nh_m_t_h_ng_d_t_may_trong_ho_t_ng_kinh_doanh_c_a_c_c_doanh_nghi_p_vi_t_nam" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tr_nh_m_t_h_ng_d_t_may_trong_ho_t_ng_kinh_doanh_c_a_c_c_doanh_nghi_p_vi_t_nam" href="https://toc.123docz.net/document/308094-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tr-nh-m-t-h-ng-d-t-may-trong-ho-t-ng-kinh-doanh-c-a-c-c-doanh-nghi-p-vi-t-nam.htm" target="_blank">m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tr_nh_m_t_h_ng_d_t_may_trong_ho_t_ng_kinh_doanh_c_a_c_c_doanh_nghi_p_vi_t_nam</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>56 </li> <li> <i class="icon_view"></i>114 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/308095-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tr-nh-m-t-h-ng-d-t-may-trong-ho-t-ng-kinh-doanh-c-a-c-c-doanh-nghi-p-vn.htm" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tr_nh_m_t_h_ng_d_t_may_trong_ho_t_ng_kinh_doanh_c_a_c_c_doanh_nghi_p_vn"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/ri/gm/medium_gmu1366204378.jpg" alt="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tr_nh_m_t_h_ng_d_t_may_trong_ho_t_ng_kinh_doanh_c_a_c_c_doanh_nghi_p_vn" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tr_nh_m_t_h_ng_d_t_may_trong_ho_t_ng_kinh_doanh_c_a_c_c_doanh_nghi_p_vn" href="https://toc.123docz.net/document/308095-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tr-nh-m-t-h-ng-d-t-may-trong-ho-t-ng-kinh-doanh-c-a-c-c-doanh-nghi-p-vn.htm" target="_blank">m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tr_nh_m_t_h_ng_d_t_may_trong_ho_t_ng_kinh_doanh_c_a_c_c_doanh_nghi_p_vn</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>56 </li> <li> <i class="icon_view"></i>53 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/308096-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tranh-s-n-ph-m-c-a-xnghi-p-tocan-tr-n-th-tr-ng-qu-c-t.htm" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_s_n_ph_m_c_a_xnghi_p_tocan_tr_n_th_tr_ng_qu_c_t_"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/ri/we/medium_wep1366204385.jpg" alt="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_s_n_ph_m_c_a_xnghi_p_tocan_tr_n_th_tr_ng_qu_c_t_" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_s_n_ph_m_c_a_xnghi_p_tocan_tr_n_th_tr_ng_qu_c_t_" href="https://toc.123docz.net/document/308096-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-c-nh-tranh-s-n-ph-m-c-a-xnghi-p-tocan-tr-n-th-tr-ng-qu-c-t.htm" target="_blank">m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_c_nh_tranh_s_n_ph_m_c_a_xnghi_p_tocan_tr_n_th_tr_ng_qu_c_t_</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>83 </li> <li> <i class="icon_view"></i>144 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/308097-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-th-ng-th-u-x-y-l-p-c-ng-ty-x-y-l-p-v-t-t-x-y-d-ng-i-b-n-ng-nghi-p-ph-t-tri-n-n-ng-th-n-2.htm" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_th_ng_th_u_x_y_l_p_c_ng_ty_x_y_l_p_v_t_t_x_y_d_ng_i._b_n_ng_nghi_p_ph_t_tri_n_n_ng_th_n_2"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/ri/yb/medium_ybr1366204388.jpg" alt="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_th_ng_th_u_x_y_l_p_c_ng_ty_x_y_l_p_v_t_t_x_y_d_ng_i._b_n_ng_nghi_p_ph_t_tri_n_n_ng_th_n_2" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_th_ng_th_u_x_y_l_p_c_ng_ty_x_y_l_p_v_t_t_x_y_d_ng_i._b_n_ng_nghi_p_ph_t_tri_n_n_ng_th_n_2" href="https://toc.123docz.net/document/308097-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-th-ng-th-u-x-y-l-p-c-ng-ty-x-y-l-p-v-t-t-x-y-d-ng-i-b-n-ng-nghi-p-ph-t-tri-n-n-ng-th-n-2.htm" target="_blank">m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_th_ng_th_u_x_y_l_p_c_ng_ty_x_y_l_p_v_t_t_x_y_d_ng_i._b_n_ng_nghi_p_ph_t_tri_n_n_ng_th_n_2</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>71 </li> <li> <i class="icon_view"></i>175 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/308098-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-th-ng-th-u-x-y-l-p-c-ng-ty-x-y-l-p-v-t-t-x-y-d-ng-i-b-n-ng-nghi-p-ph-t-tri-n-n-ng-th-n.htm" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_th_ng_th_u_x_y_l_p_c_ng_ty_x_y_l_p_v_t_t_x_y_d_ng_i._b_n_ng_nghi_p_ph_t_tri_n_n_ng_th_n"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/ri/wa/medium_wax1366204399.jpg" alt="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_th_ng_th_u_x_y_l_p_c_ng_ty_x_y_l_p_v_t_t_x_y_d_ng_i._b_n_ng_nghi_p_ph_t_tri_n_n_ng_th_n" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_th_ng_th_u_x_y_l_p_c_ng_ty_x_y_l_p_v_t_t_x_y_d_ng_i._b_n_ng_nghi_p_ph_t_tri_n_n_ng_th_n" href="https://toc.123docz.net/document/308098-m-t-s-bi-n-ph-p-nh-m-n-ng-cao-kh-n-ng-th-ng-th-u-x-y-l-p-c-ng-ty-x-y-l-p-v-t-t-x-y-d-ng-i-b-n-ng-nghi-p-ph-t-tri-n-n-ng-th-n.htm" target="_blank">m_t_s_bi_n_ph_p_nh_m_n_ng_cao_kh_n_ng_th_ng_th_u_x_y_l_p_c_ng_ty_x_y_l_p_v_t_t_x_y_d_ng_i._b_n_ng_nghi_p_ph_t_tri_n_n_ng_th_n</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>72 </li> <li> <i class="icon_view"></i>122 </li> <li> <i class="icon_down"></i>0 </li> </ul> </div> </li> </ul> </div> <div class="ads_center text-center" style="height: 280px;"> <ins class="adsbygoogle" style="display:block; height: 300px;" data-ad-client="ca-pub-2979760623205174" data-ad-slot="7919569241" data-ad-format="auto"></ins><script defer>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div></div><div id="to_top" class="w-10 h-10 fixed z-10 right-0 bottom-0 mr-4 mb-16 bg-white rounded-full cursor-pointer" onclick="scrollToTop()"> <svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="text-secondary w-10 h-10 rounded-full opacity-75 hover:opacity-100"> <circle cx="12" cy="12" r="10"></circle><polyline points="16 12 12 8 8 12"></polyline> <line x1="12" y1="16" x2="12" y2="8"></line> </svg></div><div class="detailBar fixed w-full left-0 bottom-0 bg-gray-100 z-10 border-t border-solid border-gray-300 text-center py-2"> <div class="flex justify-center items-center"> <a class="btn_download block py-2" href="https://123docz.net/document/2264482-tong-quan-ve-internet-va-intranet.htm" target="_blank"> <span class="rounded py-3"> Tải bản đầy đủ (.doc) </span> </a> <span class="ml-2 text-base">(125 trang)</span> </div></div><div class="background-transparent hidden bg-gray-300 opacity-50 fixed top-0 left-0 w-full h-full"></div><div class="popupText bg-white" gtm-element="GTM_Click_popup_text_redirect_document" gtm-label="GTM_Click_popup_text_redirect_document" onclick="window.open('https://123docz.net/document/2264482-tong-quan-ve-internet-va-intranet.htm', '_blank');hide_popup()"> <div class="relative px-8 py-6"> <p><img class="mx-auto" src="https://media.store123doc.com/images/email/icon_123doc.png"></p> <div class="popupText_body mt-4"> <h3 class=" mb-4 font-bold">Tài liệu bạn tìm kiếm đã sẵn sàng tải về</h3> <div class="bg-gray-300 py-2 px-4 rounded text-sm"> <a class=" "> <i class="icon i_type_doc i_type_doc1"></i> <label>(2.3 MB) - tổng quan về internet và intranet-125 (trang)</label> </a> </div> <a class="bg-secondary px-4 py-2 rounded block mt-6 text-white text-center">Tải bản đầy đủ ngay <i class="icon_download"></i></a> </div> <a class="absolute top-0 right-0 px-4 py-2 text-3xl">×</a> </div></div><script defer> $(document).ready(function () { var $el, $ps, $up,$p ,showmore = document.querySelector("#showmore") , overlay = document.querySelector(".overlay-read-more"); ; showmore.addEventListener("click", (e) => { $el = e.target; $ps = document.querySelector(".content-text"); $ps.setAttribute("style","display:block; max-height: 100% !important;"); $el.classList.add("hidden"); overlay.classList.add("hidden"); e.target.innerHTML = "Rút gọn"; }) });</script> <div id="footer"> <footer class=""> <h3 class="doc_logo_footer text-center py-8"><a href="javascript:;"></a></h3> <div class="bg-main-background text-xs p-4 text-center text-text-default"> <div> <p>Copyright © 2020 123Doc. Design by 123DOC</p> </div> </div> </footer></div><div class="overlay fixed bg-gray-300 opacity-50 w-full h-full z-10 top-0 hidden"></div><script defer type="text/javascript"> let iconMenuLeft = document.querySelector(".icon_menu_left") , overLay = document.querySelector(".overlay") , body = document.querySelector("body") , toggleSearchIcon = document.querySelector("#search-toggle-icon") , searchIcon = document.querySelector("#GTM_Search_Search") , searchBox = document.querySelector("#search-box") , txtSearch = document.querySelector("#txtSearch"); iconMenuLeft.addEventListener("click", () => { let headerRight = document.querySelector(".headerRight") , overLay = document.querySelector(".overlay"); if (headerRight.classList.contains("hidden")) { headerRight.classList.remove("hidden"); overLay.classList.remove("hidden"); body.classList.add("overflow-hidden"); } else { headerRight.classList.add("hidden"); overLay.classList.add("hidden"); body.classList.remove("overflow-hidden"); } }); toggleSearchIcon.addEventListener("click", () => { if (searchBox.classList.contains("hidden")) { overLay.classList.remove("hidden"); searchBox.classList.remove("hidden"); body.classList.add("overflow-hidden"); txtSearch.focus(); } else { overLay.classList.add("hidden"); searchBox.classList.add("hidden"); body.classList.remove("overflow-hidden"); } }); function genKeyword(str) { q = str; var arrStr = str.split(' '); if (arrStr.length > 0) { q = ''; for (i = 0; i < arrStr.length; i++) { q += arrStr[i] + '+'; } q = q.substr(0, q.length - 1); } return q; } function searchEnter() { var q = genKeyword(txtSearch.value); var link = ''; link = '/doc/s/' + q; window.location.href = "http://123docz.net/" + link; } txtSearch.addEventListener("keydown", function (event) { if (event.which == 13) { searchEnter(); } });</script><script> const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { window.requestAnimationFrame(scrollToTop); window.scrollTo(0, c - c / 8); } };</script> <div id="fb-root"></div> <script defer>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.5"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><script src="https://apis.google.com/js/platform.js" async defer></script> <!-- JS load sau các JS ngoài không cần thiết --> <script src="https://static.store123doc.com/static_v2/web_v2//common/js/jquery-3.5.1.min.js"></script> <script> var is_load = 0; function loadjs() { if (is_load == 0) { is_load = 1; $.getScript("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js", function() { $('ins').each(function() { (adsbygoogle = window.adsbygoogle || []).push({}) }) }); } } $(window).scroll(function() { loadjs(); }); $(window).mousemove(function() { loadjs(); }); </script></body> <script type="text/javascript"> window.lazyLoadInstances = []; window.lazyLoadOptions = {}; window.addEventListener( "LazyLoad::Initialized", function (event) { window.lazyLoadInstance = event.detail.instance; }, false ); $(document).ready(function () { $("body").bind("ajaxComplete", function () { lazyLoadInstance.update(); }); }); </script> <script async type="text/javascript" src="https://static.store123doc.com/static_v2/web_v2//common/js/lazyload.min.js"></script> <script defer type="text/javascript" src="https://static.store123doc.com/static_v2/common/js/jquery.js"></script> <script defer type="text/javascript" src="https://static.store123doc.com/static_v2/text/js/popup_2.min.js?v=1"></script> <script defer> /*show ad*/ </script> <script defer type="text/javascript"> $(document).ready(function () { addEvent(window, "load", function (e) { addEvent(document.body, "click", function (e) { popunder("2264482","https://123docz.net/document/2264482-tong-quan-ve-internet-va-intranet.htm"); }); }); }); </script> <script defer>(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','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-35572274-12', 'auto');ga('send', 'pageview');</script><script defer> $(document).ready(function () { if($('div').hasClass('ad_bottom_right_screen')){ ga('send', 'event', { eventCategory: 'Quảng cáo lead', eventAction: 'view', eventLabel: "trang_toc" }); } })</script><script> var loadDeferredStyles = function() { var addStylesNode = document.getElementById("deferred-styles"); var replacement = document.createElement("div"); var addStyle = addStylesNode.textContent; replacement.innerHTML = addStyle; document.body.appendChild(replacement); addStylesNode.parentElement.removeChild(addStylesNode); }; var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame; if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); }); else window.addEventListener('load', loadDeferredStyles);</script> </html>

Nội dung