Hypertext markup language
1
<h1> ~ </h1> : heading
<h1~h6>
2
<ol>
~
</ol>
= list
3
<ol>
<li>A</li>
<li>B</li>
</ol>
= list component
자동 줄바꿈
4
<p>
~
</p>
= paragraph
5
<strong> </strong> = bold
<u> </u> = underline
6
<meta charset="utf-8">
UTF-8로 페이지를 오픈하라(한글)
7
<br>
줄바꿈
기본은 자동적으로 되지 않음
8
<p> ~ </p><p style="margin-top:45px">
태그의 위쪽에 여백 생성
9
<img src="name.jpg" width="100%(450)">
attribute = 속성
10
<parent>
<child> ~ </child>
</parent>
11
<ul>
<li></li>
</ul>
unordered list : 점으로 표시됨
ordered list : 자동 넘버링
12
<table>
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
<tr>
<td>E</td>
<td>F</td>
</tr>
</table>
13
<!doctype html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
~
</body>
14
<a href="link" target="_blank" title="specification"> </a>
anchor(link)
target = "_blank" : 새 탭으로 열기
title="specification" 마우스를 갖다 대면 링크에 대한 설명이 나옴
15
web browser <-> web server
16
web hosting = github repository
web server = bitnami
17
bitnami > apache 실행 > window manager
apache2 > htdocs >
18
127.0.0.1/index.html
> Bitnami 폴더 내 htdocs에 저장된 index.html
127.0.0.1 = localhost
19
http:// <-> file://
hypertext transfer protocol
20
IP주소 = IPv4 = Internet Protocol Address
설정 > 네트워크 프로필에서 추출
or 하드웨어 연결 및 속성 보기
21
Bitnami server
스마트폰과 서버의 같은 와이파이에 연결되어 있으면, 스마트폰에서 불러오기 가능
22
깃헙 ACTIONS에서 구현 화면 링크 확인가능