HTML 문법 기초 및 Git 호스팅 예제

HTML 기본태그

---

• <strong>내용</strong> : 중요한 단어라고 설정하고, 글자를 진하게 한다. <b>는 그냥 글자만 진하게 한다.
• <u>내용</u> : 밑줄 영어로 underline. 앞글자만 따서 <u> 태그는 글자에 밑줄을 긋는 태그이다.
• <h1> ~ <h6> : 제목을 나타내는 태그. 1이 제일 글자 크기가 크고 6이 제일 작다.
• <br> : 줄바꿈 태그. 닫는 태그가 없다.
• <p>내용</p> : 단락을 가르는 태그. 웹페이지에서 단락이라는 의미를 가지기 때문에 <br>태그와 비슷하지만 <p> 태그를 쓰면 더 좋다.그리고 <p>태그는 정해진 여백크기가 있지만 style을 사용하면 여백 크기를 다르게 만들 수 있다.

ex. <p style = "margin-top:45px;">

• <img>태그 : 이미지를 나타내는 태그. 사용 방법은 <img src = "이미지 위치" width = "100"> 이 때 src, width은 속성이다.

태그의 이름만으로는 부족할 때 태그의 속성에 정보를 준다.

• <li>목록</li> 태그 : 목록 태그.  목록의 영어이름 list에 앞 두글자를 땄다. <ul>태그는 <li>태그로 이루어진 목록을

그룹짓는 역활을 한다. 숫자목록을 하고 싶으면 <ul>대신 <ol>태그를 사용한다.

• <ul>태그는 Unordered List의 약자
• <ol>태그는 OrderedList 의 약자
• <title>타이틀</title> : 웹페이지의 제목을 명시적으로 알려줌. 검색엔진이 검색할 때 유용하게 사용된다.
• <a> : 링크. ancher 약자. <a href = 주소></a>

GIT으로 정적 웹 호스팅하기

---

1. 로그인 후 새로운 저장소를 만든 후 Upload files 버튼을 클릭해서 웹파일을 git에 올린다.
2. Settings 클릭 후 GitHub Pages 에서 source 를 master branch로 바꾼 후 저장.
3. Source 위에 웹 주소가 생긴다. git에서 정적웹 호스팅이 생성된 것이다. 

이제 누구나 내가 만든 웹페이지에 접근할 수 있다.

( git은 static web만 호스팅 된다고 한다. static web이란 화면 변화 없이 그대로 보여주는 웹이고, dynamic web이란 클라이언트에서 보내주는 값에 의해 화면이 바뀔 수 있는 web이다. html로만 만든 웹 클라이언트는 서버가 없어서 동적인 변화를 못주기 때문에 static web이다.) 

그 외 추천 웹호스팅 https://www.bitballoon.com/ , http://neocities.org , Google Cloud Storage , Azure Blob