Web1 | HTML





시작하는 말💁‍♀️

오늘부터 생활코딩으로 공부를 시작했다.
시작은 많이 부족하고 미숙하겠지만 더 성장하기 위해서 꼭 필요한 과정이라고 생각한다.

앞으로 열심히 공부해서 더 발전하고 많은 결과를 이뤄내야지.





역할의 구분

  1. 사람이 하는 일: 코드(code), 소스(source)

  2. 기계가 하는 일: 애플리케이션(application), 응용프로그램, 약어로 앱(app), 프로그램(program), 웹페이지(web page), 웹사이트(website)

  3. 공통: 언어(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>




웹서버 운영

  1. 웹서버 프로그램 설치

    • 아파치(Apache), IIS, 엔진엑스(nginx) 등
    • 운영체제에 따라 설치 방법이 다르니 참고 (How to install apache http server [OS])
      (How to easy install apache on window)
  2. BitNami 설치

  3. "localhost"와"http://127.0.0.1/index.html"

  4. IP 주소 확인

  5. "http://IP/index.html"





유용한 사이트

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도 열심히 배워야겠다.

좋은 웹페이지 즐겨찾기