HTML

[HTML 기초] 테이블 만들기

테이블을 만드는 기본 태그 태그 역할 테이블 구성요소 테이블을 만드는 태그 테이블의 헤드를 만드는 태그 태이블의 행(가로)을 만드는 태그 테이블의 열(세로)을 만드는 태그 테이블의 제목을 만드는 태그 부가세(VAT) 포함된 실제 지불금액입니다. 상품명 제공혜택 지상파 무제한 즐기기 지상파 3사의 드라마, 예능 프로그램을 가장 빠르게 가장 경제적 서비스 CJ ENM 무제한 즐기기 모든 드라마, 예능 프로그램을 무제한 볼 수 있는 인기 월정액 서비스 JTBC 무제한 즐기기 JTBC의 드라마, 예능 프로그램을 무제한으로 즐길 수 있는 인기 월정액 서비스 가장 바깥쪽을 table 태그로 감싸주고 가로줄(행) 수 만큼 tr 태그를 만든 후, tr 안에 td로 세로 줄(열)을 만든다. 위의 결과로 이런 형태의 테이..

[HTML 기초] 이미지맵 / 하나의 이미지 안에 여러 개의 링크 걸기

이미지맵은 하나의 이미지에 여러 개의 링크를 걸어야 할 때, 이미지의 특정한 영역에 링크를 걸어야할 때 사용한다. 이미지맵은 사각형 이미지맵, 원형 이미지맵, 다각형 이미지맵 세가지 유형이 있다. 다각형 이미지맵은 효율이 떨어져서 잘 사용하지 않으니 이미지맵 제너레이터를 사용하자. https://www.image-map.net/ > 이미지맵 제너레이터 주소 사각형 이미지맵 링크 만들기 태그의 usemap 속성과 태그의 name 속성을 일치시켜줘야한다. (usemap 속성에는 #을 붙여줄 것.) 사각형 이미지 맵이기 때문에 area shape="rect" coords 속성은 좌표. coords = "왼쪽 상단 x, y 좌표값, 오른쪽 상단 x, y 좌표값" 원형 이미지맵 링크 만들기 사각형 이미지맵과 마찬..

[HTML 기초] 텍스트 서식 꾸미기

✨ 텍스트를 꾸며주는 태그들 : heading 제목 표시. : paragraph 단락 만들기. : 영역묶기. : breake line 줄 바꾸기. : horizontal line 수평 줄 넣기. : 인용문 넣기 (블럭 요소) > 들여쓰기 됨. : 인용문 넣기 (인라인 요소) > 쌍따옴표 표시. , : 이탤릭체 표시. : 입력문자 그대로 화면에 표시. 수학기호나 공식을 작성할 때 브라우저가 기호를 태그로 인식해서 잘못 출력될 경우 사용. , : 문자 강조표시. , : 취소선. 🤔 과 , 과 는 같은 효과를 내는데 무엇이 다를까? 텍스트 리더기를 통해 들을 때 은 태그 안의 문자를 강조해서 읽어주지만 는 강조해서 읽어주지 않는다. 마찬가지로, 은 태그 안의 문자를 읽지 않지만 (취소선이기 때문에) 태그는 다..