웹 프로그래밍 실습

1절 HTML 언어

1. 웹

1.1 인터넷

1.1.1 네트워크

1.1.1.1. 통신


2 개의 단락 나누기, 수평선 긋기

HTML 문서도 본문을 여러 단락으로 나눌 수 있다. CSS 스타일을 사용하면 단락 단위로 내어 쓰기와 들여 쓰기가 가능하다.

여러 개의 빈 칸은 하나로 취급되며, 엔터 키 역시 하나의 빈 칸으로 처리된다.



새로운 줄 넘어가기

이렇게 넘어가면 된다.
2개의 <br> 태그로 두 번 넘어 갑니다.



기호 넣기

10 ÷ 2 = 5
√2 = 1.414
2    <     3
오늘 "선미" 노래를 들었다.

개발자의 포맷 그대로 출력하기

<p> 태그를 사용하면 여러 개의 빈 칸은 하나로, 여러 줄은 한 줄에 붙여 출력됩니다.

      그러나 <pre> 태그를 사용하면
                  사용자가 입력한
                  그대로 출력됩니다.
    


텍스트 꾸미기

진하게
중요한
강조
이탤릭으로 강조
진하게 이탤릭으로 강조
보통 문자 한 단계 작은 문자
삭제
추가
보통문자의 윗첨자
보통문자의 아래첨자
하이라이팅



사랑

내가 사람의 방언과 천사의 말을 할지라도 사랑이 없으면 소리 나는 구리와 울리는 꽹과리가 되고, 사랑이 없으면 아무 것도 아니라.

~우리 서로 사랑하며 살아요~



이미지 삽입

고양이 사진입니다.

고양이 황기태사진없음 사진 주소 변경됨

라면을 끓이는 순서

  1. 물을 끓인다.
  2. 라면과 스프를 넣는다.
  3. 파를 썰어 넣는다.
  4. 5분 후 맛있게 먹는다.


내가 좋아하는 음식



내가 사는 이유



웹 브라우저 종류

Internet Explorer
마이크로소프트에서 만든 브라우저로 현재 국내 시장에서 가장 많이 사용
Firefox
Mozilla 재단에서 오픈 소스로 만든 것으로 W3C의 웹 표준을 선도
Chrome
구글에서 만든 것으로 좋은 디버거를 갖추고 있어 디버깅에 많이 사용


기본 구조를 가진 표

1학기 성적
이름HTMLCSS
225230
황기태8070
이재문9599
이병은4061


표에 이미지 삽입

좋아하는 과일


링크 만들기

포털 사이트 신문 사이트
HOME으로 이동

링크의 target 속성 활용



Elvis Presley

Love me tender

Love me tender, Love me sweet, Never let me go.
You have made my life complete,
And I love you so.
Love me tender, Love me true,
All my dreams fulfilled.
For my darling I love you, And I always will.

Can't help falling in love

Love me tender, Love me sweet, Never let me go.
You have made my life complete, And I love you so.
Love me tender, Love me true, All my dreams fulfilled.
For my darling I love you, And I always will.

It''s now or never

It's now or never, Come hold me tight
Kiss me my darling, Be mine tonight
Tomorrow will be too late,
It's now or never. My love won't wait.


친구들아! 여기서 다운받아!



2 개의 <iframe>을 가집니다.



2 개의 신문 사이트입니다.

2 개의 <iframe> 윈도우를 가집니다



비디오 삽입



오디오 삽입