전체 글

HTML 따라하기 4일 차 | 테이블 만들기

HTML 테이블 - 을 사용하여 테이블의 시작과 끝을 알림 - 태그 안에 행을 사용하여 행을 만듬 - 태그 안에 제목칸나 일반칸을 사용하여 열을 만듬 - 그림으로 그린 테이블 느낌 colspan - 가로 칸(오른쪽 열)과 칸을 합침 - 와 에 적용 가능 - 사용법 : rowspan - 세로 칸(밑에 행)과 칸을 합침 - 와 에 적용 가능 - 사용법 : table 예시 코드 table - 표 tag 설명 table 표를 구성하는 태그 tr 줄을 구성하는 태그 th 제목칸을 구성하는 태그 글자는 볼드체, 내용은 수평 중앙정렬 됨. td (일반)칸을 구성하는 태그 세로형 ID Name lhj23 Lee hee ju jej456 Ju eun ji 가로형 ID lhj23 jej456 Name Lee hee ju ..

HTML 따라하기 3일 차 | 목록 만들기와 특수 문자 태그

HTML 목록의 종류 - 순서가 없는 목록 - 순서가 있는 목록 - 정의 목록 순서없는 목록 - unordered list - 태그 안에 를 여러개 선언하여 사용함 - 사용법 : 목록1목록2목록3 목록1 목록2 목록3 순서 있는 목록 - ordered list - 태그 안에 를 여러개 선언하여 사용함 - 사용법 : 목록1목록2목록3 목록1 목록2 목록3 의 속성 - start 속성으로 처음 시작 값 변경이 가능 하다 - type 속성으로 숫자, 문자, 로마자 같은 타입의 글자 변경이 가능하다 정의 목록 - description list - 태그 안에 나 를 여러개 선언하여 사용함 - 사용법 : 정의 제목정의내용1정의내용2 정의 제목 정의내용1 정의내용2 특수 문자 태그 - &로 시작하여 ;으로 끝나는 태..

HTML 따라하기 2일 차 | HTML주석과 글자를 변경하는 tag들

HTML 주석 - 주석 내부에 적은 내용들은 페이지에 내용이 출력되지 않음 - 사용법 : 글자를 변경하는 tag들 - 태그나 태그와 같은 줄바꿈 기능은 없음 - tag로 감싼 글자는 속성이 변경 됨 - 진하게 표시됨 - 볼드체 - 진하게 표시됨 - b와 같음 - 중요하다는 의미로 쓰임 - 기울어짐 - 이텔릭체 - 기울어짐 - 강조한다는 의미로 쓰임 - 작아짐 - 윗첨자 - 아랫첨자 - 마크펜 효과 예시 코드 글자를 변경하는 tag들 - (inline tag) b - bold bold 볼드체 strong - strong strong (중요하다는 의미에서) 볼드체 i - italic italic 이텔릭체 em - em em (강조한다는 의미에서)이텔릭체 small - small small 글자 크기를 작게 ..

HTML 따라하기 1일 차 | html head body

HTML이란? - Hyper Text Markup Language의 약자로서 문서에서 다른 문서로 접근 할 수 있는 텍스트를 의미 - 명령(tag)으로 구성되며 태그tag는 각괄호 안에 들어가며 시작와 종료가 한 쌍으로 이룸 - 웹페이지를 만드는 언어 - 웹페이지의 구조를 담당 - .txt 확장자명을 .html로 바꿔서 실행가능 html - html의 시작을 알리는 태그 - html의 시작과 끝부분에서 열고닫는 태그 head - html의 태그 안에 상단부에 선언 - head안의 내용은 페이지에 표시되지 않는 것들을 사용 - 페이지 제목, css 정보에 대한 링크, 기타 메타데이터를 포함 head | title - html문서의 제목 - 인터넷 익스플로어 상단의 제목을 바꿈 body - html의 태그 ..