html: 문자크기, 링크이동, 띄어쓰기, 단락, 목록(0317)

오늘은 html수업을 들은지 1~2차 되는 날이다.

처음에는 기초적인 것만 알고 언어가 어색했는데 지금은 꽤 익숙해진거 같다. 물론 2번밖에 안했지만..ㅎ

그래서 지금까지 배운것을 정리면서 복습을 하는 의미로 열심히 끄적여 보도록 하겠다!

 

1. 링크이동

<p>
    안녕하세요🥰
    </p>
    <a href="http://www.naver.com" target="_blank">네이버로 이동

네이버 이동을 누르면 

짠

naver

이렇게 네이버로 이동하게 된다!

 

2. 문자크기

문자 크기 <h1> <h2> <h3> <h4> <h5> <h6>

<h1>문서제목</h1>
    <h2>문서제목</h2>
    <h3>문서제목</h3>
    <h4>문서제목</h4>
    <h5>문서제목</h5>
    <h6>문서제목</h6>

이걸 보고 원하는 크기에 맞춰 써보자 !

 

3. 띄어쓰기

줄바꿈 할때 <br> 공백을 나타날때&nstp;

 

만약 <br>을 안하면

ㄴ0ㄱ

이렇게 된다

​

4. 단락 

앞에 띄얶쓰기 단락을 구분할때는 <p> ! <i>는 기울임꼴

<h3>튤립</h3>
<p><b>튤립</b>은 여러 종류의 품종으로 나누어져 있어 각기 아름다운 꽃을 감상할 수 있다.</p>
<p><i>햇볕이 잘 들고 배수가 잘 되는 토양</i>에 심는 것이 적합하며 화분은 구근의 2~3배 정도 크기가 적당하다.</p>

 

5. 순서없는 목록

&bull; 할 수 있는</li>

<h2>식물원 관람 유의사황</h2>
<li>입장권에 게시된 관람요령을 살펴보시기 바랍니다.</li>
<li>안내원의 안내에 따라주시기 바랍니다.</li>
<li>관람 지역 이외의 출입제한 지역은 출입을 금합니다.</li>
<li>식물이 식재된 곳에 들어가지 마십시오</li>

 

6. 순서있는 목록

순서 목록 쓸수 있는 <oi>

오늘은 여기까지 ! 적어봤다

it캠프를 할 때 웹페이지 꾸미기와 관련된 활동을 하였는데

그때는 아무것도 모르고 했지만

지금은 뭔가 배워서 하니깐 재밌고 호기심이 마구 든다!!

다음에는 html을 이용해서 제 최애 playlist모음을 만들 예정이다

많관부~(￣▽￣)~*

 

마지막으로 !!!

혼자 공부할 때 아주 도움이 되는 사이트를 하나 추천해본다

html말고 다른 언어들도 있으니 참고해보길

https://www.w3schools.com/

W3Schools Free Online Web Tutorials