전 시간에는 윈도우에서 기본 프로그램 메모장으로 html기본 편집 코딩을 해보았습니다. 이번 시간에는 노트패드++(Notepad++)를 활용한 html 편집을 사용해보겠습니다. 먼저 네이버, 다음, 구글 등 이용하는 사이트 검색 창에서 노트패드++를 입력합니다.
다운로드를 클릭합니다. 무료 다운로드를 클릭합니다. [한국어] 창이 나오면 [OK]를 클릭합니다. [사용권 계약]에 [동의함]을 클릭합니다. [설치 위치 선택] 창에서 [다음]을 클릭합니다. [구성요소 선택] 창에서 확인 후 [다음]을 클릭합니다. 다음의 [구성 요소 선택] 하단에 □create shortcut desktop(바탕화면에 바로가기 만들기)을 체크하고 설치를 클릭합니다. 실행하기에 체크를 확인하고 마침을 클릭하면 바탕화면에 노트패드++아이콘이 생성되면 다운로드를 마칩니다.
바탕화면에서 노트패드를 더블 클릭합니다. 그다음 [파일]을 클릭하고 [열기]를 클릭하고 전시간에 연습한 [html메모장 연습]으로 바탕 화면에 저장한 [html메모장 연습]을 더블 클릭합니다.
1번. <head><title> 메모장 연습 </title></head>. <head><title> 시작 태그 </head></title> 종료 태그
2번. 3번. 4번 [노트패드 연습하기]는 <h1>. <h2>. <h3> 제목의 섹션, 문단을 나타내며 숫자가 작을수록 글자의 사이즈가 커집니다. (Heading문서 제목으로 h1부터 h6까지 진행됩니다)
5번. <b> 태그 [오늘은] 기본 굵은 문자를 나타냅니다. <p><b> 오늘은 <b><p>
6번. <i> 태그 [오늘은] 기본 굵게 나타내고 옆으로 기운 문자. <p><b><i> 오늘은 <i><b><p>
7번. <u> 태그 [오늘은] 기본 굵게 옆으로 기운 문장에 밑줄 표시 <p><b><i><u> 오늘은 <u><i><b><p>
8번. <sub> 태그[102] 아래 첨자 쓰기는 10 오른쪽 아래 작은 2가 붙어 있네요. <p>10 <sub>2 </sub></p>
9번 <sup> 태그 [102] 위 첨자 쓰기는 10 오른쪽 위에 작은 2가 붙어 있습니다. <p>10 <sup>2 </sup></p>
10번 글씨 문장이 한 자 한자 떨러 져 있습니다. 안 녕 하 세 요 &npsp;가 많이 있을수록 글자 간격이 많이 떨어집니다.
11번 <marquee> 태그 글자 문단이나 이미지를 옆으로 흘러가게 하는 태그입니다. 노란색 바탕에 흘러갑니다. <p><marquee width=500 height=20 bgcolor=yellow> 대한민국 짝짝짝 짝짝 </marquee></p> bgcolor : 배경색 width : 폭 500으로 height : 높이 20으로 사용했습니다.
12번 font시작 태그 글자색은 빨강 글씨 크기는 10으로 나옵니다. <font color=red size=10 title=마우스를 올려 보세요> 안녕하세요? </font>
13번. 14번은 <br> 태그 한 줄 바꿀 때 사용
15번 <face> 태그 글꼴은 설정에 스타일 설정에서 글꼴 스타일에서 선택합니다. <font color=blue size=5 face=hy센스 L>합니다. </font>
이상으로 노트패드++를 활용하여 html <head><title><b><i><u><sub><sup><marquee> 태그 기본을 알아보았습니다.
'Android' 카테고리의 다른 글
| 웹캠 화상캠 온라인 수업 동영상 강의 (0) | 2020.04.08 |
|---|---|
| 쿠팡 파트너스 크롬 확장 프로그램 무선 마우스 (0) | 2020.04.05 |
| html 메모장으로 구성하기 (0) | 2020.03.25 |
| 스킨 편집 단축키 (0) | 2020.03.21 |
| 이미지 편집 캔바(Canva) 사이트를 소개합니다. (0) | 2020.03.17 |
