Web1 | HTML

yeonk·2021년 8월 9일

html 비전공자 생활코딩

생활코딩

목록 보기

1/7

시작하는 말💁‍♀️

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

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

역할의 구분

사람이 하는 일: 코드(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 주소 확인
"http://IP/index.html"