하루만에 프로그래밍 끝내기/HTML(10)
-
4. 앨범을 만들어 보자
1. 웹페이지로 앨범을 만들려면 어떻게 해야 할지 레이아웃을 생각해 봅니다. - 단을 나눠 사용하는 방법 - 표를 이용하는 방법 - 그림,글자,태그를 이용하여 배치하는 방법 2. 표를 사용하여 만드는 방법 -1) Table 예제 1행 1열 1행 2열 2행 1열 2행 2열 -2) Table 속성 속성 설명 border="수치" 테두리의 두께를 지정합니다. width="수치" 표의 가로 길이를 지정합니다. height="수치" 표의 세로 길이를 지정합니다. align="정렬" 표에서 정렬 방법을 지정합니다. 3. 예제 사진1 사진2
2017.08.05 -
3. 이미지를 불러 보자
1. 이미지 불러오기 예제 - 결과 2. 속성 속성 설명 src="경로" 그림의 경로를 지정합니다. width="수치" 그림의 가로 크기를 픽셀 값을 사용하여 지정합니다. height=수치"" 그림의 세로 크기를 픽셀 값을 사용하여 지정합니다. alt="내용" 그림의 설명을 지정합니다. 그림이 보이지 않을 때 설명글이 나타납니다. border="수치" 그림의 테두리를 설정합니다. align="정렬" 주변의 요소와 맞추어 정렬 방법을 지정합니다. ex) bottom, middle, left, right
2017.08.02 -
2. 나를 소개합니다!
1. 아래와 같이 나를 소개할 내용을 작성해 봅니다. 이름 이메일 특기 직업 페이스북 좌우명 나이 학력 사항 존경하는 인물 전화번호 취미 2. 태그를 사용하여 각 문단과 글자에 적용할 글자 크기와 색상을 지정해 예제를 작성해 봅니다. - 소스코드 자기소개서 * 기본사항 - 이름 : - 나이 : - 직업 : - 전화번호 : - 이메일 : - 페이스북 : - 취미 : - 특기 : - 좌우명 : - 존경하는 인물 : * 학력사항 - 초등학교 졸업 : 0000-00-00 - 중학교 졸업 : 0000-00-00 - 고등학교 졸업 : 0000-00-00 - 대학교 졸업 : 0000-00-00 - 결과
2017.08.02 -
1. HTML 시작하기
1. Sublime Text 3를 실행합니다. 2. 다음과 같이 코드를 작성합니다. 3. 단축키(Ctrl+Shift+S) 또는 메뉴바 -> File -> Save As( 다른 이름 저장)을 클릭 한 후 "파일명.htm" or "파일명.html"로 저장합니다. 4. 저장된 경로를 열고 저장한 파일을 실행합니다. * 주의 사항 * 인코딩 부분은 반드시 UTF-8로 하여야 한글이 깨지지 않고 출력하게 됩니다. 5. html 구성요소 구성요소 내용 요소 ( Elements ) html에서 시작 태그와 종료 태그로 이루어진 명령어를 말합니다. ex) 문서의 본문 내용 태그 ( Tags ) ''사이에 있는 명령으로 요소의 일부를 말합니다. 일반적으로 시작 태그()와 종료 태그()로 이루어져 있으나 시작 태그로..
2017.08.02