반응형 Frontend/HTML20 [HTML]08_anchor 태그 ⚫앵커(Anchor) : 페이지에서 특정 태그로 위치(스크롤)를 이동하는 기능 => href 속성값으로 설정된 URL 주소 뒤에 # 기호를 사용하여 태그 식별자(id 속성값)를 설정하면 해당 식별자의 태그로 위치가 이동 - 앵커 기능 a 태그 제품소개 구매후기 주의사항 제품소개 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품입니다. 아주 좋은 제품.. 2023. 12. 25. [HTML]07_a 태그 ⚫a 태그 : 클릭 이벤트로 웹문서(웹프로그램)을 GET 방식으로 요청하기 위한 태그 => 하이퍼링크(Hyper Link) 기능을 제공하는 태그 - 페이지를 연결하여 출력 처리(페이지 새로 고침) a 태그 다음 네이버 구글 실행결과⬇️ 🔘a태그를 이용하여 이동할 페이지를 만들기 위해 kor.html 과 eng.html 문서 작성 eng.html 문서👩💻 Hello [home] '영어로' 버튼 클릭시 이동페이지⬇️ kor.html 문서👩💻 안녕 [home] '한글로' 버튼 클릭시 이동페이지 ⬇️ 2023. 12. 25. [HTML]06_tbody 태그 & style 태그 & caption 태그 ⚫style 태그 : HTML 문서에 CSS 스타일을 적용하기 위한 태그 ⚫HTML5에서는 표를 구조적으로 표현하기 위해 thead 태그, tbody 태그, tfoot 태그 사용(table 태그와 함께 사용) 🔘caption 태그 : 표에 대한 제목을 출력하기 위한 태그 tbody 태그 객실표 건물명방이름크기가격 요안도라유채방4인실20,000원 동백방2인실 가족실60,000원(최대 4인) 바깥채 전체를 독채로 대여합니다. --> 실행결과⬇️ 2023. 12. 25. [HTML]05_table 태그 ⚫table 태그 : 표(Table)를 출력하기 위한 태그 => 하위태그 : tr 태그 🔘tr 태그 : 행(Row)를 출력하기 위한 태그 => 하위태그 : th 태그, td 태 => 모든 tr 태그의 셀의 갯수는 동일하게 작성하는 것을 권장 🔘th(td) 태그 : 열(Column)를 출력하기 위한 태그 => th 태그와 td 태그의 태그내용을 열(Column)에 출력 - 셀(Cell) => th 태그는 태그내용을 가운데 정렬하여 굵게 출력 - 컬럼명 출력 => 셀의 폭은 태그내용에 의해 자동 변경 table 태그 번호이름주소 1000홍길동서울시 강남구 2000임꺽정수원시 팔달구 3000전우치인천시 월미구 실행결과⬇️ 2023. 12. 25. [HTML]04_dl 태그 ⚫dl 태그 : 정의 목록(Definition List)을 출력하기 위한 태그 => 하위태그 : dt 태그, dd 태그 🔘dt 태그 : 정의 용어(Definition Term)을 출력하기 위한 태그 🔘dd 태그 : 정의 설명(Definition Description)을 출력하기 위한 태그 dl 태그 유채방 대상 도미토리, 동성(또는 가족) 1팀 크기 4인실 주의사항 공동 취사실 및 욕실(화장실) 비용 비수기 : 1인 20,000원 성수기 : 1인 25,000원 실행결과⬇️ 2023. 12. 24. [HTML]03_ul태그 & ol 태그 & li 태그 ⚫ul 태그 : 목록에 블릿(기호)을 제공하여 출력하기 위한 태그 ⚫ol 태그 : 목록에 순서값을 제공하여 출력하기 위한 태그 🔘li 태그 : 목록을 출력하기 위한 태그 => ol 태그 또는 ul 태그의 하위태그(자식태그)로 사용 li 태그 유채방 도미토리, 동성(또는 가족) 1팀 4인실 공동 취사실 및 욕실(화장실) 비용 비수기 : 1인 20,000원 성수기 : 1인 25,000원 동백방 도미토리, 동성(또는 가족) 1팀 4인실 공동 취사실 및 욕실(화장실) 비용 비수기 : 1인 20,000원 성수기 : 1인 25,000원 실행결과⬇️ 2023. 12. 24. 이전 1 2 3 4 다음 반응형
