본문 바로가기

SMALL

front end9

[HTML] HTML 마크업 요소 (이미지) 이미지 요소 ● img - tag를 사용하여 웹 문서에 이미지를 표현할 때 사용한다. ● 소스코드 속성 설명 src 이미지 파일명 또는 웹 상의 이미지 경로 Width 이미지의 너비 Height 이미지의 높이 alt 이미지가 없을 때 출력하는 메시지 * 청각장애인들을 위한 메시지로도 활용가능하다. ● figure - 는 설명 글을 붙여야 할 대상을 지정한다. - : 설명 글이 필요한 대상은 태그로 묶고 설명 글은 태그로 묶는다. - 설명 글을 붙일 수 있는 대상을 이미지/오디오/비디오 같은 미디어파일이나 텍스트 단락이나 표이다. ● 소스코드 안녕, 내이름은 솜이! ● 결과 (정상) ● 결과 (비정상) : img대신 alt 메시지 출력 HTML List HTML List HTML 기본 문법!!! ● 기회는.. 2022. 3. 14.

[HTML] HTML 마크업 요소 (Table) Table 요소 ● HTML Table 모델 Tag 설명 - 2차원 격자 모양의 표를 표시한다. (테이블을 만든다.) - Table Row, 표에서 행(Row) 구분한다. - Table Header, 표 내부의 제목으로 사용한다. (생략 가능) - Table Data, 표에서 열(Column) 구분한다. - 표의 상단 /하단에 제목을 적을 때 사용한다. (생략 가능) - 기본적으로 가운데 정렬이지만, CSS로 정렬 방식 변경이 가능하다. -행 그룹 설정할 때 제목 그룹을 설정한다. (선언 위치와 무관하게 데이터 상단 고정) - 행 그룹 설정할 때 내용 그룹을 설정한다. (여러 번 사용 가능) - 행 그룹 설정할 때 꼬리 그룹을 설정한다. (선언 위치와 무관하게 데이터 하단 고정) ● 셀 합치기 속성 설명.. 2022. 3. 14.

[HTML] HTML 마크업 요소 (포맷팅&목록형) 포맷팅 요소 ● 포맷팅 요소에는 화면에는 동일하게 출력되지만 각 요소가 가진 의미가 다른 것도 있다. ex) , Tag 명 설명 생략된 약어 표시하거나, Title 속성을 함께 사용한다. 연락처 정보 표시한다. 긴 인용문구 표시, 좌우로 들여 쓰기가 된다. 짧은 이용 문구 표시, 좌우로 따옴표가 붙는다. 웹 문서나 포스트에서 참고 내용을 표시한다. 공백, 줄 바꿈 등 입력된 그대로 화면에 표시한다. 컴퓨터 인식을 위한 소스 코드이다. 특정 문자열을 강조한다. 화면에는 하이라이팅 된다. 구분선을 추가한다. , 굵은 글씨로 표시한다. * : 특정 문자열 강조 의미 추가 삭제된 텍스트를 정의한다. , 이탤릭(기울게) 표시 * : 특정 문자열 강조 의미 추가 삽입된 텍스트를 정의한다. , 큰 글자, 작은 글자 .. 2022. 3. 14.

[HTML] HTML 기본 HTML 기본 ● HTML은 마크업 언어로 웹 문서를 작성하며, tag를 사용하여 문서의 구조등을 기술하는 언어이다. ● HTML 문서는 'tag'로 만들어지고 문서의 전체 구성은 , document contents ● 결과 head 요소 ● 문서 머리글(Head) : 제목, 검색엔진에서 사용할 키워드, 기타 정보 1. 문서 머리글(head), 제목(title) - tag는 브라우저에게 HTML문서의 머리 부분임을 인식시켜준다. - , , , , tag를 포함 가능하다. - tag : 문서의 제목을 의미, 브라우저의 제목 표시줄에 tag 내용이 나타난다. - tag 이외의 다른 tag로 표현한 정보는 화면에 출력되지 않는다. 2. 메타 데이터(meta) - 문서의 작성자, 날짜, 키워드 등 브라우저의.. 2022. 3. 14.

이전 1 2 3 다음

LIST

티스토리툴바