본문 바로가기

분류 전체보기

 (86)
표를 만들어주는 <table> 태그 태그 홈페이지에서 정보를 표로 만들어서 보여주기 위해서 사용하는 태그이다. 예전에는 table 태그를 이용해서 홈페이지의 골격을 만들었다고 하지만, 지금은 태그로 인해서 골격으로는 사용하지 않는다. 태그 사용법 table.html 이름 기능 글쓴이 HTML 웹페이지 구성 ludeno CSS 웹페이지 이쁘게 만들기 병합 (실행결과) table 태그 내부의 코드들이 테이블 형식이라는 것을 알려주기 위해 사용한다. table 태그에서 border 속성을 이용하여 각 테이블 마다 구분선을 넣어줄 수 있다. thead 태그는 각 하위 컬럼들의 제목에 해당하는 부분이다. tbody 태그는 테이블의 값, 내용에 해당하는 부분이다. tfoot 태그는 테이블의 끝부분 표현한다. 이 태그로 감싸져 있으면 이 태그가 tab..
HTML 주석 기능 주석 주석은 어떤 코드에 대한 설명을 적어놓는 것이다. 코드가 간단하면 필요 없을지 모르지만, 우리가 현재 사용하고 있는 서비스들은 코드의 양이 엄청나기 때문에 코드의 어떤 부분이 어느 기능을 하는 것인지 알기 쉽게 메모하는 느낌으로 사용하는것이 주석이다. 이 주석은 HTML 뿐만 아니라 모든 프로그래밍 언어에 존재할 정도로 단순하지만 그만큼 중요한 역할을 한다. 이 주석은 웹 브라우저에서는 읽히지 않아서 화면에는 보이지 않는다. 주석 사용법 comment.html 주석 (실행결과) 로 닫으면 된다.
줄바꿈 기능이 있는 <br> 태그 태그 줄바꿈 기능을 해주는 태그이다. 줄바꿈은 문서를 작성하다가 한칸 내려가서 입력하고 싶을 때 엔터를 치고 입력을 하게 되는데, 그때 그 엔터 역할이 줄바꿈 기능이다. 태그도 받을 내용이 없이 그저 줄바꿈하는 기능만 있기 때문에 닫을 필요가 없는 태그이다. 태그 사용법 brTag.html 한 문장 이 계속 이어집니다. 한 문장 이 줄바꿈 되었습니다. (실행결과)
단락을 나누는 <p> 태그 태그 어떠한 긴 글에서 단락을 나누게 해주는 태그이다. 웹 브라우저는 html 코드에서 사용자가 임의로 줄바꿈 한 것을 인식하지 못하기 때문에 줄바꿈을 해주거나 단락을 나눠야지 가독성이 올라간다. 태그 사용법 ptag.html 첫번째 단락 두번째 단락 첫번째 단락 두번째 단락 (실행결과)
이미지를 삽입하는 <img> 태그 태그 이미지를 삽입 시킬 수 있는 태그이다. 이 태그는 여는 태그만으로 정보 제공이 가능하기 때문에 닫을 필요가 없는 태그이다. 닫는 태그가 필요없는 대신 여는 태그안에 속성을 넣어서 정보를 제공해 주어야 한다. 태그 사용법 imgfile.html (사용한 사진) (실행결과) 태그에 필수로 들어가야 하는 src 속성은 이미지 파일의 경로를 값으로 받는다. html 파일이 이미지와 같은 폴더 내에 있으면 "이미지 파일 이름.확장자"만 적으면 된다. 하지만 아래의 사진들 처럼 다른 폴더에 사진이 있다면 위의 저 코드로는 이미지를 불러올 수 없을 것이다. 이런 경우에는 각 상황에 맞춰서 경로를 변경해주면 된다. 상위폴더 ../는 상위 폴더라는 뜻을 가지고 있다. 저 경로를 해석하자면, imgfile.html이..
리스트를 표현하는 <li> 태그 태그 태그는 웹 페이지에서 리스트를 표현하는 태그이다. 웹 페이지에서 리스트의 사용 용도는 어떠한 정보를 나열해서 한 눈에 알아보기 편하게 하거나, 정보의 순서를 나열하기 위함이다. ex) 웹 사이트를 제작하는데 기본적으로 배워야 할 것 HTML CSS JavaScript 태그 사용법 list.html 리스트1 리스트2 리스트1 리스트2 리스트1 리스트2 리스트2-1 리스트2-2 리스트1 리스트2 (실행결과) 태그는 원하는 내용을 리스트로 만들어주는 역할을 한다. 리스트를 나타내는 기본 값으로는 흑색 원을 사용한다. 태그는 태그와 함께 쓰이며 관련이 있는 리스트들 끼리 묶어주는 역할을 하거나, 위의 예제 코드처럼 리스트의 하위 리스트를 만드는 역할을 한다. 그리고 태그 내부의 리스트들을 순서없이 모양으로..
HTML의 뜻과 구조 HTML HTML은 HyperText Markup Language의 약어로써 웹 페이지를 위한 마크업 언어이다. 우리가 현재 보고, 사용하는 웹 페이지들은 전부 이 HTML 을 이용하여 구성되어있다. HTML이 마크업 언어라고 했다. 마크업 언어라는 것은 태그를 이용하여 문서나 데이터의 구조 정의하는 언어이다. 그렇기에 HTML 또한 태그를 이용하여 문서를 정의 한다. 하지만 일반 마크업 언어와는 다르게 HTML은 각 태그들이 규칙으로 지정되어 있고 그 태그들이 가진 기능들도 각각 다르다. 태그는 꺽쇠()로 이루어져 있으며 태그 내부에 내용이 어떠한 역할을 하는지 알려주는 것이다. 이처럼 태그는 여는 태그와 닫는 태그가 있고, 태그를 열은 순서대로 다시 닫아야 한다. 단지 문서를 정의해주는 언어..
육군훈련소 입영 전 챙겨 가야 할 필수품 필자는 20.11.30 월요일 오후 2시에 육군훈련소(일명 논산훈련소)로 입소하여 21.01.07 목요일에 육군훈련소에서 전출하여 후반기 교육 (육군정보통신학교)으로 전입하고 21.01.28 목요일에 후반기 교육에서 전출하여 자대로 전입을 하였습니다. 필자가 훈련소에 있으면서 느낀 챙겨가야 할 물품과 챙겨가면 좋은 물품들을 알려드리겠습니다. 필수품 나라사랑카드 신분증 자격증/면허증 처방받은 의약품 나라사랑카드는 신체 검사를 하러 갔을 때 만들 수 있는데, 필수로 만들 것을 추천 합니다. 그 이유에는 나라사랑카드를 만들게 되면 군 급여계좌와 연동이 되어있어서 체크카드로의 이용이 가능해지고 다양한 혜택을 누릴 수 있습니다. 또한 전자 병역증 및 전역증의 역할을 하여서 IC리더기를 통해 나라사랑카드 하나만으로..

티스토리툴바