개발자의 개발 블로그

웹 어플리케이션 서비스를 옛날에 시청했는데

HTML CSS를 안 쓰다가, 다시 쓰려니 기억이 안나서 다시 들어가봤습니다.

생활코딩 많이 바뀌었더라구요.. 복잡해지고 무슨 코딩야학?? 이게 뭥미.

어쨋거나 다시 HTML을 시작해봅시다.

https://opentutorials.org/course/3083

코딩

웹

인터넷

컴퓨터

에 대해  배운다니 멋지고 거창하군요.

HTML = 쉽고, 중요하다, 퍼블릭 도메인이다.

퍼블릭 도메인이란, 저작권이 없는 100% 무료인 것들을 말한다.

HTML 코딩 실습 환경 준비

1. 웹 브라우저

2. 웹 에디터

태그(Tag)

<strong>강조할 내용</strong> : 텍스트 일부를 강조하기 위해 사용하는 태그

<u>밑줄</u> : 밑줄을 귿는 태그

<h1>제목</h1>: 제목. 

<h1>부터 <h6>까지 존재하며 숫자가 커질수록, 폰트 사이즈는 작아짐.

<br> : 새로운 줄로 개행할 수 있다. 하지만, 

<p> 테그 역시 새로운 줄로 개행된다.

둘의 차이점은

<br>은 단순한 줄을 바꾸는 용도로 사용되지만,

<p>는 단락을 구분해주기 때문에 의미론적으로 더욱 중요한 태그이다.

물론 <br>은 여러번 쓰면 원하는 만큼 띄울 수 있기만, <p>는 정해진 간격만큼만 띄울 수 있다.

이것은 css를 통해 커버할 수 있다. margin-top: 30px; 이런식으로 마진을 쓰면 되기 때문이다.

<ul>

<li></li>

<ul>

<ol>

<li></li>

<ol>

속성(Attribute)

<img src="logo.jpg" width="100%"  >

src와 width가 속성이다. 순서는 상관없다. 시작 태그 안에 작성한다.