HTML CSS JS21 HTML 리스트, 이미지, 앵커, 테이블 태그 HTML 리스트, 이미지, 앵커, 테이블 태그 1. 리스트 태그 (ul 태그, ol 태그, li 태그) 리스트 공간 선언 : ul, ol 리스트 안에 실질적 데이터 : li ※ ul이든 ol이든 li태그가 필요 ※ Tip : ul>li*3 (ul 태그 안에 li 태그 3개 생성) ① ul (unordered list) : 정돈되지 않은 리스트 딸기 바나나 사과 HTML 삽입 미리보기할 수 없는 소스 ② ol (ordered list) : 정돈되어 있는 리스트 오전 : HTMLCSS 오후 : Python HTML 삽입 미리보기할 수 없는 소스 ▶ 리스트 태그 실습 HTML 삽입 미리보기할 수 없는 소스 더보기 구매 목록 딸기 소고기 샤브샤브 샤브샤브 순서 고기를 볶는다 육수와 소스를 넣는다 재료들을 넣는다.. 2023. 1. 4. HTML 기본, 강조 태그 HTML 기본, 강조 태그 1. 제목 태그 (h1 ~ h6) 크기, 굵기 별로 숫자를 붙여서 사용 ※ header의 약자 ※ 숫자가 높을 수록 작아짐 h1태그 h2태그 h3태그 h4태그 h5태그 h6태그 2. 본문 태그 (p 태그, span 태그) ① p 태그 (paragraph) 단락으로 표현이 되기 때문에 무조건 가로 한 줄의 영역을 차지 옆에 남는 자리가 없어 다음 요소는 개행 p태그1 p태그2 p태그3 ② span 태그 문장으로 표현 되기 때문에 내가 넣은 내용(content)만큼만 영역으로 차지 자리가 있다면 쭉 옆으로 배치 span태그1 span태그2 span태그3 ※ span 태그는 별도의 특징을 가지고 있지 않음 (공태그) ※ 별도의 특징은 없지만 태그를 사용해야 하는 이유는 특정 요소에만.. 2023. 1. 4. HTML 시작(HTML Ready) 1. 웹(Web) 웹클라이언트 → 웹 서버 2. HTML(Hyper Text Markup Language) ① HT (Hyper Text) : 현재 문서에서 다른 문서로 즉시 접근 가능한 텍스트 ② ML (Markup Language) : 태그를 이용해서 표시 3. 태그 4. 비주얼 스튜디오 기본 단축키 ① ! + Enter : HTML 구성요소 ② Alt + L + O : Live server 실행 → 문서를 보여줌 ③ Ctrl + / : 주석처리 2023. 1. 4. 이전 1 2 3 다음
