Frontend/HTML8 HTML 테이블(기본, colspan, rowspan, colgrop, caption) 6. 테이블 여러 종류의 데이터를 보기 좋게 정리하여 보여주는 표 : 행을 생성 : 셀을 생성 : 셀의 제목, 가운데 정렬, 굵은 글씨 예제 기본 테이블 테이블1 첫번째 셀 첫번째 셀 두번째 셀 첫번째 셀 두번째 셀 세번째 셀 네번째 셀 이름 국어점수 수학점수 김사과 100 80 반하나 90 70 colspan 속성 - 셀을 가로로 합침(열) rowspan 속성 - 셀을 세로로 합침(행) 예제 테이블 colspan, rowspan DOCTYPE html> 테이블 2 table { width : 600px; border: 1px solid black; } td{ border : 1px solid black; } th{ border : 1px solid black; } 테이블2 1 2 4 5 6 7 8 9 .. 2022. 10. 21. HTML(이미지 태그, 하이퍼링크 태그, 책갈피 태그) 3. 이미지 태그 1) 비트맵 이미지 - 픽셀이 모여 만들어진 정보의 집합 - "레스터 이미지"라고 부름 - 픽셀 단위로 화면에 랜더링함 - 그림판, 포토샵등 틀로 편집 2) 백터 이미지 - 수학적 정보의 형태들이 만들어내는 결과물 - 이미지가 가지고 있는 점, 선, 면의 위치, 색상정보를 가지고 있음 - 확대 및 축소를 해도 이미지가 깨지지 않음 - 일러스트 같은 툴로 편집 jpg(jpeg) - 압축률이 훌륭하여 사진이나 예술분야에 많이 사용 - 가장 널리 쓰이는 이미지 포맷 - 표현 색상(24비트, 약 1600만 색상)이 뛰어나 고해상도 표시장치에 적합 - 손실 압축 gif - 이미지 파일내에 이미지 및 문자열 같은 정보를 저장할 수 있는 파일 - 여러장의 이미지를 한 개의 파일에 저장할 수 있음(움.. 2022. 10. 21. HTML (서식 태그, 목록 태그) 1. 서식 태그 : 텍스트를 굵게 표현 : 텍스트를 이탤릭체로 표현 // html1 버전 웹 접슨성을 위한 태그이다. : 텍스트를 굵게 표현, 리더기에서 거쎈 발음 : 텍스트를 이탤릭체로 표현, 리더기에서 거쎈 발음 //html5 버전 여러분 아녕하세요. 오늘은 HTML에 데헤서 베워볼게요 https://validator.w3.org/ 잘못된 스크랩트나 토드가 있는지 확인하는 사이트 예제 서식태그 DOCTYPE html> 서식태그 서식태그 b태그는 단순히 글자가 굵게> 표현됩니다 strong 태그는 중요한 글자를 굵게 표현됩니다 i 태그는 단순히 글자를 이탤릭채로 표현합니다 em 태그는 중요한 글자를 이탤릭체로 기울여 표현합니다. del 태그는 글자를 지운 것처럼 표현합니다. ins 태그를 사용하면 중요.. 2022. 10. 21. HTML (Visual Studio Code 설치 및 기본) 클라이언트 사이드 랭귀지 HTML : 웹사이트의 틀을 작성하는 언어 (제어문이나 로직은 없으며 명령어로만 사용 가능, 골격을 만든다, 프로그래밍 언어 X) - 이런 형태를 마크업언어라고 한다. CSS : HTML 문서를 시각적으로 만들어주는 언어 (HTML을 보조하며 시각화에 도움을 준다, 프로그래밍 언어 X) JavaScript : HTML문서의 컨텐츠 내용을 바꾸고 동적인 페이지를 만들기 위해 사용하는 프로그래밍 언어 (웹사이트를 동적으로 표현하는 언어) 서버가 클라이언트에게 전달해줄 수 있는것은 html, css, js이다 브라우저를 통해 클라이언트에게 전달한다. --------------------------------------------------------------------- 서버 사이드.. 2022. 10. 20. 이전 1 2 다음
