반응형

공부 261

HTML 이미지, 링크 삽입하기

이미지를 삽입할 때에는 이미지가 저장된 경로를 알고 있어야 한다. 태그로 이미지를 삽입할 수 있다. 이 때 이 이미지는 글자로 취급하므로 줄바꿈태그인 을 넣지않으면 위와같이 그림 바로 옆에 글자가 들어가는 것을 볼 수 있다. 따라서 그림을 넣은 후에 태그를 넣어주는 것이 깔끔하다. 그림의 위치는 align 속성으로 조절 할 수 있다. align = right : 텍스트 오른쪽에 정렬 align = left : 텍스트 왼쪽에 정렬 위 속성은 텍스트 기준으로 배치하는 것이므로 그림의 왼쪽 또는 오른쪽에 텍스트가 위치하게 된다. width 속성과 height 속성으로 가로 크기와 세로 크기를 지정할 수 있다. border속성은 테두리 두께를 픽셀 단위로 지정하는 속성이다. 링크를 가진 이미지의 경우 자동으로 ..

HTML 2021.01.04

HTML 기본 태그 정리

HTML의 기본 구성은 시작 태그와 종료 태그로 구성되어 있다. 태그는 (꺾쇠)기호로 둘러싸인 키워드이다. 기본적인 형태를 보면 제목 내용 처럼 되어 있다. 처럼 시작과 종료태그가 따로 없는 것도 있다. : 줄바꾸기 ... : 문단 나누기 ... : 자주 사용되지는 않지만, 입력한 모습 그대로 출력해준다. (줄바꿈, 여러칸의 공백 등) ... : 글자 크기 조절 ... : 굵은글자 ... : 굵은글자2 ... : 이탤릭체 ... : 이탤릭체2 ... : 윗첨자 (제곱수 등 표시) ... : 아래첨자 (원소 등) ... : 밑줄표시 ... : 따옴표 ... : 따옴표 .... : 형광펜효과 ... : 폰트 크기와 컬러를 지정할 수 있다. ... : Ordered List 순서가 있는 리스트. 리..

HTML 2020.12.31
반응형