HTML 기본태그 / 이미지 태그
HTML 기본태그 / 이미지 태그 안녕하세요 AimHo 입니다.이번에는 HTML 기본태그 네 번째 이미지태그에 대해 알아보겠습니다. 지금까지는 웹 페이지의 글자와 관련된 태그를 알아보았다면, 이번에는 이미지를 넣는 방법에 대해 살펴보겠습니다.위 타이틀도 이미지 태그가 사용된 예시라고 볼 수 있겠네요!이미지 태그는 나중에 알게될 멀티미디어 태그와 비슷하므로 꼭 기억하고 있어야 합니다.이미지 태그 이미지를 삽입할 때는 img 태그를 사용하는데 형태는 다음과 같습니다. 이 형태로 단독으로 사용하는데, 이미지에 필요한 정보(경로, 크기 등)는 이미지 태그의 속성에 입력합니다. 이미지는 직접 등록할 수 있고 아니면 인터넷에 존재하는 이미지의 경로를 넣어주어도 됩니다.직접 등록할 경우에는 HTML 페이지와 같은 폴..
HTML 기본태그 / 테이블 태그
HTML 기본태그 / 테이블 태그안녕하세요 AimHo 입니다.이번에는 HTML 기본태그 세 번째 테이블태그에 대해 알아보겠습니다.테이블태그를 아주 잘 활용한 것이 바로 캘린더 입니다. 테이블태그 여기서 사용되는 태그이름은 조금 많지만 어렵지 않습니다. 차근차근 하나씩 살펴보도록 하겠습니다. 태이블태그는 다음과 같은 계층구조로 작성해야 합니다. thead 태그 내부 thead 태그 내부 tbody 태그 내부 tbody 태그 내부 tbody 태그 내부 tbody 태그 내부 thead 태그 내부 thead 태그 내부 thead 태그 내부 thead 태그 내부 tbody 태그 내부 tbody 태그 내부 tbody 태그 내부 tbody 태그 내부 thead 태그 내부 thead 태그 내부 HTML5에서는 위 예제..
HTML 기본태그: 목록 태그
안녕하세요 AimHo 입니다.이번에는 HTML 기본태그 두 번째 목록태그에 대해 알아보겠습니다. 현대 웹 페이지에서 빠지지 않고 등장하는 요소가 바로 네비게이션 목록입니다.이번에 다룰 목록 태그는 이 네비게이션 목록을 만들 때 주로 사용합니다. ※네비게이션 목록이란?아래 그림처럼 웹 사이트의 다른 웹 페이지로 이동 할 수 있는 버튼들을 모아둔 것을 말합니다. 목록태그 목록태그에는 글머리 기호 목록과 순서 번호 목록이 있는데, 글머리 기호 목록 부터 살펴 보도록 하겠습니다. 글머리 기호 목록은 아래표에 제시된 태그를 사용하여 만들 수 있습니다. ul 태그는 unordered list를 의미하고 li 태그는 list item을 의미합니다. 사과 바나나 오렌지 사과 바나나 오렌지 순서가 있는 번호 목록을 생성..
HTML 기본태그: 글자 태그
안녕하세요 AimHo 입니다. 이번엔 HTML 기본태그 중 하나인 글자태그에 대한 글을 작성하였습니다. 타이틀 사진에는 글자태그 중심의 웹페이지를 가장 잘표현한 홈페이지인 위키피디아의 사진을 사용하였습니다. 글자태그는 말 그대로 웹에서 보이는 모든 text를 다루는 태그들입니다. 제목 글자 태그부터 본문 글자 태그 하이퍼링크 태그, 글자 모양 태그까지 다뤄보도록 하겠습니다. 원래 이미지까지 포함해서 모든 기본태그를 다루려고 했으나 양이 많아서 따로 나눠서 진행하도록 하겠습니다.제목글자태그 문서의 제목을 표현할 때 사용하며 각 태그에서 h는 Heading을 의미합니다. 본문글자태그 문서의 내용을 표현할 때 사용하며 p 태그를 사용하여 입력합니다. p 태그는 Paragraph를 의미하며 문단 하나를 생성합니..
HTML5 기본구조와 작성법
안녕하세요 AimHo 입니다.블로그를 시작한지 이제 10일째인데, 너무 글을 주제없이 작성하는 것 같아서 조금 걱정되기도 하네요 무튼 이번에는 HTML5의 기본구조와 작성법에 대한 글을 작성하려고 합니다. 기본구조와 태그의 속성만 이해해도 간단한 스킨편집은 쉽게 할 수 있을거라고 생각합니다.HTML5 기본용어 우선 HTML5의 기본용어에 대해 정리해보겠습니다. 1. 태그와 요소요소는 제목, 본문, 이미지 등 HTML 페이지에 존재하는 것을 말하며 태그는 요소를 만들 때 사용하는 기호 입니다.위 이미지 처럼 시작과 끝 태그를 별도로 입력하는 요소도 있지만, 처럼 단독으로 사용하는 태그도 있습니다.태그에 대한 자세한 내용은 추후에 다루도록 하겠습니다. 2. 속성태그에 추가 정보를 부여할 때는 속성을 사용합니..
인터넷의 시작과 웹 개요
안녕하세요 AimHo 입니다.최근에 친구가 홈페이지 만드는 방법을 알려달라고해서 html5 기초부터 천천히 알려주기로 했습니다.그래서 친구에게 알려줄 내용을 공부도 할겸 매주 글로 적어보겠습니다. 책은 옛날 책이긴 하지만 'HTML5 웹 프로그래밍 입문' 책을 보면서 작성했습니다. 인터넷의 시작 아래 내용은 그냥 편하게 읽어보시면 됩니다 ㅎ 소련에서 최초로 인공위성 발사에 성공하자 위협을 느낀 미국이 신기술을 연구하는 ARPA(Advanced Research Projects Agency) 부서를 창설했습니다. ARPA에서 현재 웹의 모태가 되는 ARPANET을 1969년에 개발했습니다.ARPANET은 핵과 같은 공격에 대비하여 전체 통신 시스템에서 데이터를 안전하게 보관 및 전송할 수 있는 시스템으로, ..
