본문 바로가기
728x90
반응형

IT/HTML & CSS7

[HTML] - 메타태그(meta tag) 뷰포트(viewport) 속성 문법 및 사용법 #메타태그(meta tag) 뷰포트(viewport) 속성 문법 및 사용법 #메타태그 viewport -컴퓨터나 휴대 단말기 등 장치에 Display요소가 표현되는 영역 -메타태그를 사용하면 모바일 웹의 뷰포트 크기나 배율등을 조절하여 모바일 웹에 최적의 상태로 화면이 표시되도록 설정할 수 있다. #코드 viewport 속성 #width -모바일 기기의 폭을 설정 -단위:px, default:980px, min:200px, max:10000px -device-width 값 설정시 모바일 기기 화면크기를 기준으로 폭에 맞춰서 표시 #initial-scale -초기 화면 배율(0~10) 설정 -1.0(100%) -> 모바일 기기의 가로 해상도로 조정 #maximum-scale -최대 화면 배율 설정 -사용자.. 2022. 2. 14.
[HTML] - img 태그 오류 대체 이미지 노출 속성 onerror 문법 및 사용법 #img 태그 오류 대체 이미지 노출 속성 onerror 문법 및 사용법 #onerror -img태그에서 이미지가 없을 경우 대체 이미지 노출 1. 대체 이미지 노출 2. 이미지 숨기기 2022. 2. 9.
[HTML] - 데이터(data) 속성 사용법 #데이터(data) 속성 사용법 -특정한 데이터를 DOM요소에 저장할 수 있다. -'data-' 형식으로 시작해야한다. #예시 2021. 8. 3.
[HTML 기초] - 4. HTML 태그 <form>, <input> 사용법 #HTML 태그 , 사용법 ~ 태그 : 폼 태그는 클라이언트 측에서 서버로 값을 전송할 때 사용하는 태그이다. 안에 여러 가지 값을 담을 수 있는 입력 양식을 만드는 태그를 포함할 수 있다. 중요 속성 -name : form의 식별자 -method : 데이터를 전송하는 방식(get, post 등등의 방식) -action : 전송된 데이터를 받는 곳(form에 입력한 값을 서버의 어디로 전달할 것인지 결정) 태그 name = "값의 식별자" value = "입력한 값" readonly = 텍스트 필드를 읽기전용으로 설정한다. disabled = 텍스트 필드를 비활성화 상태로 설정한다. maxlength = 텍스트 필드에 입력할 수 있는 문자의 최대 길이(length)를 설정한다. size= 텍스트 필드에서.. 2020. 7. 17.
[HTML 기초] - 3. HTML 태그 <table> 사용법 #HTML 태그 사용법 태그 테이블을 만들 때 사용한다. 예제 1) ~ : 줄(행) ~ : 열의 제목 ~ : 열의 내용 rowspan : 행 병합 colspan : 열 병합 1 3 4 5 8 예제 2) : 테이블의 제목 , , : 영역 분할을 목적으로 사용 표제목 제목1 제목2 2 rows 1 대한민국 2 이집트 예제 3) CSS선택자 태그명 : 태그명에 포함된 태그들을 선택할 때 사용한다. CSS선택자-(태그명) id="" : 특정한 하나를 선택할 때 사용한다. CSS선택자-(#) class="" : 그룹핑, 복수개를 선택할 때 사용한다. CSS선택자-점(.) 번호 제목 글쓴이 1 번쩍번쩍 홍길동 2 무슨 걱정하세요? 임꺽정 3 약 허준 2020. 7. 17.
[HTML 기초] - 2. HTML 자주 사용하는 태그 #HTML 자주 사용하는 태그 ~ : 웹페이지의 제목 : 개행(줄 바꿈) : 문서의 내용 사이에 수평선 구분 후 줄 바꿈이 일어난다. ~ : 단락 구분 ~ : 글씨체(크기는 1~7, 디폴트 3) ~ : 제목을 나타낼 때 사용한다. (사이트 검색 시에 사용된다.) , : 중요한 내용을 강조할 때 사용한다. : 태그는 단순히 보여지는 강조가 아니라 실제로 페이지 내에서 중요한 부분으로 브라우저에게 알려주는 역할을 한다. (브라우저가 태그를 해석할 때 페이지 내에서 중요한 부분으로 이해한다.) ~ : (Unoerdered List) 순서가 없는 목록 ~ : (Ordered List) 순서가 있는 목록 (type을 가질 수 있다. 디폴트 값 = 1, e.g.) type="1", type="i") 태그 : 이미지.. 2020. 7. 16.
728x90
반응형