![[HTML] HTML 강의 정리_by생활코딩](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FxgIRr%2FbtrFYEDiapv%2FX9kA2mkCQSZKYPcK3s3fYk%2Fimg.png)
728x90
- HTML 태그는 25개 정도만 알면 된다.
- 태그 설명
<h>제목 <u>언더라인 <strong>강조 <p>문단 <img src="주소">이미지삽입
<!doctype html><html><head>기본장착 <title>탭제목 <ol>순서있는나열 <ul>순서없는나열 <li>목록
<a>이 태그 아래에 있는 태그의 제왕, anchor 닻, 링크 삽입시 필요 <a href="주소">
<li><a href="1.html">메뉴1</a></li> // 리스트 제목에 링크 걸기
- 소소한 꿀팁
- html/ 엔터 치면 기본 형식 자동생성
- ctrl누르고 커서 땅땅 찍으면 동시에 태그삽입 가능 (Atom 한정일 수도 있음)
- 인터넷 vs 웹
우리도 컴퓨터, 인터넷, 웹과 같이 혁명적인 것을 만들어야 해.(인터넷-도시 / 웹-건물)
1960 인터넷 탄생 / 1990 웹 시작(고향 : 스위스)
이해하는 것이 아니라 익숙해지는 것이다.
- 깃허브
깃허브_전세계 수많은 오픈소스가 만들어지는 곳
깃허브의 서버 컴퓨터에 웹서버가 켜진다. 그리고 우리에게 웹서버의 주소를 알려준다.
깃허브 통해서 전세계 사람들이 볼 수 있는 페이지 만들기
1) repository 생성 - New 버튼
2) name 설정 / public or private 설정
3) uploading an existing file.
4) 파일 업로드 / commit 문구 / commit change
5) 세팅 - pages - main - save
- 정적 VS 동적
정적 : html같이 웹브라우저가 해석할 수 있는 것
동적 : php, phthon, ruby, java 기술 이용해서 웹호스팅하려면 비용 내야 함
웹서버 : 아파치>>>크롬
- 마음가짐
자괴감, 소외감, 불안함과같은 감정은 실력향상에 도움이 됩니다 하지만
만족감, 자신감, 기대감같은 긍정적인 것도 실력향상에 도움이 됩니다.
자기 탓이 아닙니다. 원래 그렇습니다. 그리고 그 한계에 대해서 충분히 절망하세요.
그 때 다시 찾아오시면 절망감을 극복할 수 있는 공부가 준비되어 있을 거에요.
절망감의 크기가 클수록 그것을 극복했을 때의 행복감도 커질 것입니다.
출처 : https://opentutorials.org/course/3084 생활코딩_HTML
WEB1 - HTML & Internet - 생활코딩
--- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여
opentutorials.org
728x90
'🤯TIL > HTML & CSS' 카테고리의 다른 글
| [CSS] CSS 강의정리_by생활코딩 (0) | 2022.07.19 |
|---|