본문 바로가기

programing/HTML,CSS

(4)
HTML(4) 우리는 이전에 태그를 알아보았다. 이번에는 ~태그 를 알아볼 것 이다. ~ 태그 이 태그는 제목을 알려주는 태그 입니다. 한번 예시로 살펴보겠습니다. h1태그부터 h6 태그까지 존재하는 것을 볼 수 있다. 이것은 제목을 알려줄기 위하여 자주 사용이 되는 문자입니다. 우리는 한번 예측을 할 수 있습니다. h1태그안의 문장이 가장 크게 출력이 될 것이고 2,3,4,5,6순서대로 글자크기는 줄어들 것 이다. 실행결과를 보니 예측대로 되는 것을 볼수 있다. h1부터 h6태그 까지 존재합니다. 우리는 이렇게 HTML h1부터 h6까지 알아보았습니다.
HTML(3) 안녕하세요 해커지망생입니다. 오늘 배워 볼 것은 p 태그 , ul태그 li태그 입니다. 태그 이 태그는 바로 문단을 나눌때 사용을 하는 것 입니다. 바로 소스코드를 통하여 보겠습니다. 이렇게 코드를 짜고 실행을 시켜 보겠습니다. 이제 다음 태그를 배워보겠습니다. ul태그 이 태그는 바로 우리가 다음에 배울 li태그의 부모 태그 입니다. li태그는 리스트를 정렬해주는 태그 입니다. 그러니 ul 태그는 li태그 그룹을 묶어 주는 역할을 한다고 볼 수 있습니다. li태그 이 태그는 목록을 정렬해 주는 역할을 하는 태그 입니다.ul태그를 같이 사용하여 소스코드를 살펴보겠습니다. 이렇게 코드를 짤수 있습니다. 이렇게 할 경우 리스트 형태로 나뉘어 출력을 하는 것을 볼 수 있습니다.
HTML(2) 오늘 우리는 이미지 삽입 태그, 링크, 줄 바꿈 을 나타내는 태그를 알아볼 것입니다. 우리는 이전시간에 HTML의 기본 문체 태그를 알아보았습니다. 우리는 여기에 이미지를 삽입하는 방법을 배워 볼 것입니다. 이미지를 삽입하는 태그는 태그입니다. img태그 우리는 한번 이 이미지를 사이트에 출력을 시켜 보겠습니다. 그전에 이 이미지가 아니더라도 아무 이미지를 다운로드하시고 여기서 src는 무엇인지 알고 싶어 하는 분들이 있으실 겁니다. 이것은 속성을 의미합니다. 속성은 구글링을 해 보면 나오는 것이니 스스로 찾아보기를 바란다. src는 웹 서버에 올린 그림 파일의 주소 또는 미이지 파일의 이름입니다. 이미지 태그에서 가장 중요한 속성입니다. 이것을 실행시켜보면 이러한 이미지가 출력이 될 것입니다. 링크 태..
HTML(1) HTML공부방법 웹 개발을 위하여 꼭 배워야 하는 것이 있습니다. 바로 HTML CSS입니다. 이 부분은 웹 개발/ 웹 해킹에 있어 기초가 되는 부분입니다. 프로그래밍 , 웹을 처음 접하는 사람은 이 부분이 어려워 보여서 포기를 하는 사람이 많습니다. 하지만 어렵지는 않습니다. 우리는 HTMl/CSS를 The average web page from top twenty Googleresults(advancedwebranking.com) The average web page from top twenty Google results Apparently, an average web page uses thirty-two different element types: The thirty-two elements used..