Tạo bởi Trắc Nghiệm Việt|
Học HTML5 - CSS3

[Video] Tìm hiểu kiến thức căn bản html/css - bài học 1 - Học lập trình HTML/CSS

LINK VIDEO BAI GIANG

#readme.txt


Nội dung kiến thức
- Tìm hiểu các kiến căn bản html/css
- deploy dự án bằng gokisoft (mini hosting)
- git/github
- heroku -> deploy dự án lên server

Lưu ý: bài tập -> link heroku (kết quả bài làm của các bạn)

===================================================
github:
	- Ổ cứng: lưu trữ các dự án của các bạn
	- Project:
		Tạo duy nhất 1 project cho cả môn HTML/CSS

git
	- cài đặt phần mềm git (tools): https://git-scm.com/
	- git bash

Dong bo du an vs github

1) Chưa đồng bộ code lần nào (đẩy code từ máy lên github)
-- Khoi tao moi truong lam viec cho git
git init
-- Add tat ca cac file them moi/thay doi -> day len github: dong hang
git add -A
-- Tạo nhãn chứa thông tin địa chỉ gửi hàng.
git commit -m 'add project'
-- Connect dự án trên máy tính vs github project
git remote add origin https://github.com/tranvandiep/c2108l.git
-- Đẩy code từ máy tính lên github project

#vidu.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Bài 1: Tìm hiểu về kiến thức căn bản html/css</title>
</head>
<body style="background-color: #94ebc4; background-image: url(https://www.woodtv.com/wp-content/uploads/sites/51/2021/10/Snow-Black-Hills-National-Forest-Patti-Lynch.jpg?w=2560&h=1411&crop=1); background-size: cover; background-repeat: no-repeat;">
	<!-- Phân 1: Tìm hiểu về thẻ Heading (h1 -> h6) -->
	<!-- Key word: color picker -->
	<h1 title="Check H1 Heading" style="color: red;">H1 Heading</h1>
	<h2 style="color: #db9c27">H2 Heading</h2>
	<h3>H3 Heading</h3>
	<h4>H4 Heading</h4>
	<h5>H5 Heading</h5>
	<h6>H6 Heading</h6>

	<!-- Phần 2-->
	<h2 style="background-color: yellow;">Using HTML Formatting Elements</h2>
	<!-- br: xuống dòng -->
	<br>
	<!-- b: in đậm -->
	<b>This text is displayed in bold.</b>
	<br/>
	<!-- strong: in đậm -->
	<strong>This text is displayed in bold.</strong>
	<br>
	<!-- i: in nghiêng -->
	<i>This text is displayed in italic.</i>
	<br>
	<!-- u: gạch chân -->
	<u>This text is underlined.</u>
	<br>
	<!-- small: tạo chữ nhỏ -->
	<small>This text is displayed smaller.</small>

	<!-- Phần 3 -->
	<h3 style="background-color: #5da2c9">Updating, Emphasizing, and Shifting Text</h3>
	This is an example of <del>deleted</del> <ins>inserted </ins> text.<br/>
	The is an example of <strong>Strong</strong> text.<br/> The is an example of <sub>subscript</sub>text.<br/>
	The is an example of <sup>superscript</sup> text.<br/>

	<h3>ax<sup>2</sup> + bx + c = 0</h3>
	<h3>log<sub>3</sub><sup>10</sup></h3>

	<!-- Phần 4 -->
	<center>When one door closes</center>
	<code>When one door closes</code>

	<!-- Phần 5: ol -->
	<!-- style: css -> thiết kế giao diện cho bắt mắt -->
	<ol style="list-style-type: lower-alpha;">
		<li>Sunday</li>
		<li>Monday</li>
		<li>Tuesday</li>
		<li>Wednesday</li>
		<li>Thursday</li>
		<li>Friday</li>
		<li>Saturday</li>
    </ol>

    <!-- Phần 6: ul -->
	<ul style="list-style-type: square;">
		<li>Sunday</li>
		<li>Monday</li>
		<li>Tuesday</li>
		<li>Wednesday</li>
		<li>Thursday</li>
		<li>Friday</li>
		<li>Saturday</li>
    </ul>

    <!-- Phần 7 : nâng cao -->
    <img src="https://i.ytimg.com/vi/dip_8dmrcaU/maxresdefault.jpg" style="max-width: 1000px; width: 640px;" height="1000px">

    <!-- Hyperlink -->
    <br/>
    <a href="https://gokisoft.com/" style="color: red; font-size: 30px;" target="_blank">Xem nội dung học</a>
    <br/>
    <a href="https://gokisoft.com/" style="color: white; font-size: 30px;" target="_self">Xem nội dung học</a>
    <br/>
    <a href="vidu2.html" style="color: white; font-size: 30px;" target="_self">Xem trang 2</a>
    <br/>
    <a href="mailto:gokisoft.com@gmail.com" style="color: white; font-size: 30px;" target="_self">Gửi Mail GokiSoft</a>
    <br/>
    <a href="tel:0967025996" style="color: white; font-size: 30px;" target="_self">Gọi Điện: 0967.025.996</a>
</body>
</html>


#vidu2.html


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Bài học 1: Trang thứ 2</title>
</head>
<body>
	<h1>Trang web 2</h1>
	<a href="vidu.html" style="font-size: 30px;" target="_self">Xem trang 1</a>
</body>
</html>




Phản hồi từ học viên

5

Tổng 0 đánh giá

Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó