Web1 | HTML
시작하는 말💁♀️
오늘부터 생활코딩으로 공부를 시작했다.
시작은 많이 부족하고 미숙하겠지만 더 성장하기 위해서 꼭 필요한 과정이라고 생각한다.
앞으로 열심히 공부해서 더 발전하고 많은 결과를 이뤄내야지.
역할의 구분
-
사람이 하는 일: 코드(code), 소스(source)
-
기계가 하는 일: 애플리케이션(application), 응용프로그램, 약어로 앱(app), 프로그램(program), 웹페이지(web page), 웹사이트(website)
-
공통: 언어(language), 프로그래밍 언어
사용한 태그
<strong> Bold </strong>
<u> underbar </u>
<h1> heading </h1>
<br>new line</br>
<p> paragraph </p>
<img src="파일명.확장자" width="비율 또는 픽셀"> 이미지 태그에 속성추가 </img>
Unordered List
<ul>
<li>list1</li>
<li>list2</li>
<li>list3</li>
</ul>
Ordered List
<ol>
<li>list1</li>
<li>list2</li>
<li>list3</li>
</ol>
Title
<title>웹페이지 명</title>
한국어 사용으로 글씨가 깨질 때
저장 형태에 따라 삽입
<meta charset="utf-8">
제목, 본문의 구분
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
텍스트에 링크 달기
<a></a>
<a href="링크"></a>
<a href="링크" target="_blank">새탭열기</a>
<a href="링크" target="_blank" title="툴팁">툴팁 추가</a>
웹서버 운영
-
웹서버 프로그램 설치
- 아파치(Apache), IIS, 엔진엑스(nginx) 등
- 운영체제에 따라 설치 방법이 다르니 참고 (How to install apache http server [OS])
(How to easy install apache on window)
-
BitNami 설치
-
"localhost"와"http://127.0.0.1/index.html"
-
IP 주소 확인
유용한 사이트
Unsplash (https://unsplash.com/)
저작권에 구애받지 않고 고품질 이미지들을 사용할 수 있는 사이트
GitHub (https://github.com/)
무료 호스팅 업체 (무료로 웹서버 제공)
전세계 수많은 오픈 소스 프로젝트가 만들어지는 곳.
Disqus (https://disqus.com/)
웹페이지에 댓글기능을 추가할 때 무료로 코드와 기능을 제공
LiveRe (https://livere.com/)
Disqus와 유사하게 웹페이지에 댓글기능 추가 시 무료로 코드와 기능 제공
Tawk (https://www.tawk.to/)
웹페이지에 채팅 기능을 넣을 수 있는 무료 서비스
google analytics (https://analytics.google.com)
웹사이트 방문자 분석 서비스 제공
첫 웹페이지 개설😳
처음으로 웹페이지를 개설해보았다.
생활코딩 강의를 보며 천천히 만들어봤는데 미숙하지만 첫 결과물이 나와서 기분이 묘하다.
reference
생활코딩의 이고잉님은 정말 친절하면서도 상세하게 설명해주신다.
처음이라 모르는 것도 많고 낯선 단어도 많은데 충분히 이해하고 학습을 지속할 수 있도록 하신다.
정말 존경스럽고 감사하다.
Web2도 열심히 배워야겠다.
Author And Source
이 문제에 관하여(Web1 | HTML), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@tjddus0302/Web1-HTML저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)