Programing/HTML15 표 만들기 표의 구성요소 행row (가로) 열column (세로) 셀cell (칸) 표 제목(생략가능) 1행 1열 1행 2열 2행 1열 3행 2열 번호(강조표시:보통 제목 행이나 열) 이름 1 김철수 2 김영희 CSS를 사용하기 위해서 표에서도 섹터를 구분한다. , , 을 사용한다. 선물용과 가정용 상품 구성 용도 중량 개수 가격 선물용 3kg 10개 35,000원 행, 열 병합 , 내용 내용 선물용과 가정용 상품 구성 용도 중량 개수 가격 선물용 3kg 10개 35,000원 1kg 3개 8,000원 열 묶기 , 셀의 너비를 지정하거나 배경색 등을 넣을 때 사용한다. 태그는 열을 1개만 지정할 때 사용하고 은 태그를 2개 이상 묶어서 사용한다. 과 은 뒤에 써야 한다. 은 열(세로)의 개수만큼 안에 써야 한다. 꿀.. Programing/HTML 2024. 2. 25. 더보기 ›› 기본 태그 제목 제목 단락구분 내용 둘은 결과 화면에서 단락을 구분해주는 것은 같지만 는 닫는 태그가 있어 구획을 구분해주고 은 그렇지 않기 때문에 CSS style을 적용하기 어려움. 따라서 CSS를 쓸 땐 를 사용해야 함. 인용 인용구 다른 텍스트에 비해 들여쓰기가 된 형태로 써지며, 시각장애인의 접근성에서도 다른 텍스트와 구분을 한다. 굵게 굵게할 텍스트 굵게할 텍스트 두 태그의 차이는 태그는 단순히 서식만 굵게 바꾸는 것이고 은 기능적으로 구분해준다. 시각장애인용 접근성 등에서도 구분하기 때문에 텍스트를 읽을 때 강조해서 읽어준다. 기울임 이탤릭체 이탤릭체 em : 문장의 흐름상 특정 부분을 강조하고 싶을 때 // 특별히 강조하고 싶은 곳 i : 마음 속의 생각이나 용어, 관용구 등을 강조할 때 // 단순히.. Programing/HTML 2024. 2. 24. 더보기 ›› 웹 문서의 구조 HTML 태그는 태그의 이름만 보더라도 그 의미를 알 수 있어 시맨틱(semantic) 태그라고 한다. 웹 페이지가 모두 다르게 보이지만 기본 골격은 기능적으로 위의 범위를 크게 벗어나지 않는다. 웹 문서의 구조를 만드는 주요 시맨틱 태그 꼭 시맨틱 태그를 이용하여 문서를 작성할 필요는 없다. 하지만 시맨틱 태그를 이용하여 문서를 구조화시키면 가독성이 올라가며, 웹 문서 내의 검색엔진을 활용할 때도 본문 내에서만 키워드를 찾게 할 수도 있어 웹사이트의 효율성이 높아진다. header 사이트의 헤더는 주로 맨 위쪽이나 왼족에 있으며, 검색창이나 사이트 메뉴가 삽입된다. nav 웹 문서 안에서 다른 위치로 연결하거나 다른 웹 문서로 연결하는 링크를 만들 때 사용한다. nav 태그는 웹 문서의 위치에 영향을 .. Programing/HTML 2024. 2. 24. 더보기 ›› HTML 문서의 기본 구조 Programing/HTML 2024. 2. 24. 더보기 ›› 웹 개발 시작하기 - 환경 세팅하기 비주얼 스튜디오 코드 설치하기 코딩을 돕는 폰트 설치하기 (D2 Coding) github.com/naver/d2codingfont GitHub - naver/d2codingfont: D2 Coding 글꼴 D2 Coding 글꼴. Contribute to naver/d2codingfont development by creating an account on GitHub. github.com 3. 확장프로그램 라이브 서버 설치하기 Programing/HTML 2024. 2. 24. 더보기 ›› 이전 1 2 3 다음
