HTML text Editors

An HTML file is a text file, so to create an HTML file we can use any text editors.
Text editors are the programs which allow editing in a written text, hence to create a web page we need to write our code in some text editor.
There are various types of text editors available which you can directly download, but for a beginner, the best text editor is Notepad (Windows) or TextEdit (Mac).
After learning the basics, you can easily use other professional text editors which are, Notepad++, Sublime Text, Vim, etc.
In our tutorial, we will use Notepad and sublime text editor. Following are some easy ways to create your first web page with Notepad, and sublime text.
image
1. In Ra Màn Hình Với Cout
cout là một đối tượng giúp bạn có thể hiện thị nội dung như : số nguyên, số thực, giá trị của biến, đoạn text ra màn hình. Để sử dụng đối tượng này bạn cần khai báo thư viện "iostream" và sử dụng namespace std
cout được sử dụng đi kèm với toán tử chèn <<
```
cout << "hello 28tech" << endl; // Hiển thị dòng hello 28tech lên màn hình và xuống dòng
cout << 100 << endl; // Hiển thị số 100 lên màn hình và xuống dòng
cout << banKinh << endl; // Hiển thị giá trị của biến banKinh lên màn hình
```
endl là một đối tượng đặc biệt giúp bạn có thể xuống dòng khi sử dụng cout, bạn sẽ thêm đối tượng này trong câu lệnh cout tại vị trí bạn muốn xuống dòng.
Ví dụ 1 :
```
#include "iostream"

using namespace std;

int main(){
    cout << "28tech blog" << endl;
    cout << "28tech.com.vn" << " " << "C++ programming !" << endl;
    cout << 100 << " " << 200 << " " << 300 << endl;
    int n = 282828;
    cout << "Gia tri cua bien n : " << n << endl;
    return 0;
}
```
Output :
```
28tech blog
28tech.com.vn C++ programming !
100 200 300
Gia tri cua bien n : 282828
```
Ví dụ 2 : Khi in ra giá trị của kiểu bool, nếu giá trị true sẽ được hiển thị số 1, ngược lại giá trị false sẽ được hiển thị số 0
Nếu bạn muốn hiển thị giá trị true, false bạn thêm cụm boolalpha trước biến bool này.
```
#include "iostream"

using namespace std;

int main(){
    bool check = true;
    bool used = false;
    cout << check << " " << used << endl;
    cout << boolalpha << check << endl;
    cout << boolalpha << used << endl;
    return 0;
}
```
Output :
```
1 0
true
false
```
Lưu ý khi in giá trị của số thực float, double
Đối với kiểu dữ liệu số thực, đề bài thường yêu cầu bạn in ra các số này với độ chính xác nhất định, cụ thể là bao nhiêu chữ số phần thập phân
Để in ra giá trị số float, double với độ chính xác k chữ số sau dấu phẩy bạn thêm cụm << fixed << setprecision(k) trước tên biến.
Thư viện chứa đối tượng setprecision là thư viện "iomanip", bạn cần thêm vào trước khi sử dụng.
Ví dụ 3 :
```
#include "iostream"
#include "iomanip"

using namespace std;

int main(){
    float a = 30.192387;
    double b = 9.18293;
    cout << fixed << setprecision(2) << a << endl;
    cout << fixed << setprecision(10) << b << endl;
    return 0;
}
```
Output :
```
30.19
9.1829300000
```
Xác định độ rộng khi in với setw và setfill
Khi bạn muốn in ra giá trị của 1 số, 1 biến hay đoạn text với độ rộng tương đương bao nhiêu dấu cách bạn có thể sử dụng setw(k) với k là độ rộng trước tên biến hay nội dung bạn muốn in.
Trong trường hợp bạn muốn thay thế các dấu cách khi nội dung bạn in ra không đủ độ rộng chỉ định bạn có thể sử dụng setfill(c) với c là ký tự bạn muốn thay thế cho các dấu cách trống.
Ví dụ 4:
```
#include "iostream"
#include "iomanip"

using namespace std;

int main(){
    int n = 12345;
    cout << setw(10) << n << endl;
    cout << setw(10) << setfill('0') << n << endl;
    cout << setw(10) << setfill('#') << "28tech" << endl;
    return 0;
}
```
Output :
```
     12345
0000012345
####28tech
```
2. Nhập Từ Bàn Phím Với Cin
cin là đối tượng giúp bạn có thể nhập dữ liệu từ bàn phím thay vì khởi tạo thủ công, cin nằm trong thư viện "iostream" và namespace std
cin đi kèm với toán tử nhập >>
```
cin >> a; // Nhập giá trị cho a từ bàn phím
cin >> x >> y >> z; // Nhập giá trị cho 3 biến x, y, z lần lượt từ bàn phím
```
Khi nhập dữ liệu từ bàn phím bạn sẽ nhập dữ liệu xong sau đó enter, nếu bạn nhập nhiều số cùng 1 lúc thì cần có dấu cách giữa các số sau đó ấn enter sau số cuối cùng
Ví dụ trong câu lệnh thứ 2 ở trên khi nhập a, b, c thì bạn có thể nhập từng số rồi enter hoặc nhập 3 số cách nhau 1 dấu cách rồi mới enter cũng được.
Ví dụ 1 :
```
#include "iostream"
#include "iomanip"
#include "assert.h"
#include "gtk/gtk.h"

using namespace std;

int main(){
    int n, a, b, c;
    cout << "Nhap gia tri cho n : ";
    cin >> n;
    cout << "Gia tri n vua nhap la : " << n << endl;
    cout << "Nhap gia tri cho a, b, c : ";
    cin >> a >> b >> c;
    cout << "Gia tri a, b, c : " << a << " " << b << " " << c << endl;
    return 0;
}
```
Video hướng dẫn Nhập Xuất trong C++ :
74B6PXO97Tw