HTML의 글자, 멀티미디어, 테이블 등의 속성을 활용한 간단한 자기소개서 작성하기
- 최초 등록일
- 2023.10.24
- 최종 저작일
- 2023.07
- 10페이지/ 한컴오피스
- 가격 3,000원
소개글
"HTML의 글자, 멀티미디어, 테이블 등의 속성을 활용한 간단한 자기소개서 작성하기"에 대한 내용입니다.
목차
Ⅰ. 서론
Ⅱ. 본론
1) HTML 제목 달기
2) <img> 태그로 본문 내용 입력하기
3) <Font> 태그로 글꼴 지정하기
4) <Table> 태그로 표 만들기
5) HTML 문서 기본 구조
6) 테이블 내에 이름, 취미, 사진출력 등을 보여줄 수 있는 예시를 작성
Ⅲ. 결론
Ⅳ. 참고문헌
본문내용
1) HTML 제목 달기
인터넷 웹사이트에는 여러 가지 형식의 HTML 태그가 사용되고 있다. 그중에서도 가장 많이 쓰이는 태그 중 하나가 <title>태그이다. 이것은 문서의 제목을 지정하기 위한 목적으로 사용되며, 기본값으로는 "<html>" 다음에 위치한다. 하지만 다른 내용들 사이에 있어도 상관없다. 그리고 반드시 </title>이라는 꼬리말을 붙여주어야 한다. 이렇게 하면 브라우저 화면에 '제목'이라고 표시된 부분이 나타난다. 이때 나타나는 제목은 실제로는 해당 페이지의 타이틀 바에 있는 글자들이 나타나게 된다. 만약 타이틀이 없다면 브라우저가 자동으로 임의의 텍스트를 보여주게 된다. 따라서 자신이 원하는 제목을 입력하려면 title 속성을 이용하면 된다. 또다른 방법으로는 <head>태그 안에 직접 작성해도 된다.
2) <img> 태그로 본문 내용 입력하기
이미지 파일 <img> 태그 사용법입니다. 이미지 파일에는 여러 가지 속성이 있습니다. 그중에서도 가장 중요한 속성은 src인데요. src속성 값으로는 반드시 경로 이름을 적어주어야 합니다. 이때 경로는 절대경로와 상대경로 두 가지 방법으로 지정할 수 있습니다. 그리고 alt 속성값은 이미지 설명글을 적는 곳이며, width/height 속성값은 이미지 크기를 설정하는 곳입니다. 마지막으로 hspace/vspace 속성값은 이미지 좌우상하 여백을 설정하는 곳입니다.
먼저, 본문 내용을 작성할 HTML 문서를 작성합니다. 아래는 예시입니다.
그리고, img 태그를 이용해서 이미지를 삽입합니다.
위의 코드에서 이미지 파일 경로는 이미지 파일이 저장된 경로와 파일 이름을 나타내는 것입니다. 대체 텍스트는 해당 이미지 대신 화면에 나타나는 텍스트를 나타내는 것입니다. 경로를 제대로 입력했는지, 이미지 파일의 확장자명이 맞는지 등을 확인한 후 문서를 저장하고 브라우저에서 HTML 파일을 열어보면 이미지를 볼 수 있습니다.
참고 자료
w3schools 사이트
자기소개페이지 만들기.(2011)
HTML을 이용하여 자기소개서를 작성하기, 유노추노,(2008)