본문 바로가기

프로그래밍

HTML 기본을 한번에 알아보기!!!!!

HTML 한번에 알아보도록 하겠습니다.


HTML을 하면 디자인을 할수없고 기능만 만들수있습니다.

디자인을 하려면 CSS를 아셔야합니다 ㅎㅎ

간단히 출력하는거나,태그 정도 알려드리도록하겠습니다.


HTML은 간단히 <HTML>,<HEAD>,<TITLE>,<BODY> 라는 기본태그가 있습니다.

예시)


<HTML>

<HEAD>

<TITLE>HTML 사이트의 제목이들어가요니다.</TITLE>

<BODY>

사이트내용이들어감

<H1>사이트내용이들어감</H1>

<H2>사이트내용이들어감</H2>

<H3>사이트내용이들어감</H3>

<H3>사이트내<br>용이들어감</H3>

<!-- br은 줄바꾸기 H1,H2,H3는 글씨크기 -->

<p>사이트내용이들어감</p>

<!-- 문단바꾸기입니다. -->

<p align="center">사이트내용이들어감</p>

<!-- 글씨정렬을 가운데로 바꿔줍니다. left,center,right 가있음 왼쪽,가운데,오른쪽. -->

<font size="64" color="FF000">사이트내용이들어감</font>

<!-- 저기 64=글씨 사이즈 FF000=색갈 코드 입니다. -->

<b>사이트내용이들어감</b>

<b>사이트내용이들어감</b>

<u>사이트내용이들어감</u>

<!-- 글씨에 밑줄을 긋습니다. -->

<button>사이트내용이들어감</button>

<!-- 사이트내용이 들어감이라는 버튼이만들어줍니다. -->

<img src="https://www.google.com/images/logos/google_logo_41.png">

<!-- 이미지를 불러들여와 출력해줍니다. -->

<a href="https://www.google.co.kr/">GO TO GOOGLE</href>

<!-- 하이퍼링크 입니다. 글씨를 클릭하면 지정한 사이트로 이동합니다. 물론 저건 현재창에서

이동하는거죠.. -->

</BODY>

</HEAD>

</HTML>


사이트를 열면 이렇게 나옵니다.


HTML 주석처리방법은

<!-- =주석열기

--> = 주석닫기입니다.

제가 위에 써놨던거 처럼 쓰시면됩니다.

위에 썼던거처럼

무조건  태그들은 열고 닫고를해야됩니다.

<p> 열고 </p> 닫고

입니다.


마지막으로 iframe 을 설명하도록하겠습니다.

<iframe src="http://rex123123.dothome.co.kr/age.html" id="contentFrame" name="contentFrame" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%">

</iframe>


이것은 제사이트 사이드바에 들어간 제나이를 설명하는것입니다.

저기보면 16살로나옵니다.

한국나이로는 18살로 하시면됩니다.

전 한국나이로 나이를 거의 따지지않아서..

미국기준 나이로 따집니다.

저사이트로 들어가서 저사이트에 출력되는것을 가져와 출력해줍니다.



이건 미국기준 나이구요

한국나이로보려면 2년 더하면됩니다.

이렇게 출력이됩니다. 

감사합니다.


그리고 주석이던가 뭐던지 잘이해가 되지않는다면


여기를 클릭해주세요.