태그연습

HTML왕초보 기초

실크리버 2018. 4. 6. 22:28



HTML(Hyper  Text  Markup Language)

 html 이란 컴퓨터 프로그램 언어로서(명령어+언어=소스) 그 언어의 기초 몇가지를 설명코자 한다.

    html 기초 몇가지만 알면 blog나 cafe 에 포스팅(글 올리기) 꾸미기에 도움이 될수 있다.


 글쓰기에  들어가면 우측상단쯤에  □ HTML 이 보이는데  □에 클릭하면 책크 표시가 되면서 하얀 

공간상단  좌측에 커서가 깜빡이며 글 쓰기 준비상태가 된다.

다음엔 Enter키를 두어번 쳐서 커서를 두칸쯤 내려 놓은 다음--

아래 소스를 이용해서 테이블을 만들어 보자.


<center>
<table width="753" height="450" background="http://bakho4u.com/gallery/bg130.gif">
<tbody>
<tr>
<td>


위  소스를 블럭을 씌워서 복사하기  - <center>부터<td>까지

 <블럭씌운모양>



글 넣을자리에 커서를 놓고  붙여 넣은 다음

□ HTML 책크를 해제하고

맨 아래 등록을 클릭해보자

다시 수정을 클릭한후 □ HTML 책크를 한후

<td>다음줄에 커서를 놓고 다음의 명령어 소스를 써넣고


<p>River blue
<ul>River blue
<br>River blue
<ul>River blue
</ul></ul>
<br> River blue
<p>River blue

□ HTML 책크를 해제하고

맨아래 등록을 클릭해서

어떤 명령어가 글씨의 위치를 어떻게 정해 주는가 살펴보라.



<br><p><ul>의 명령어 사용법


<br>은 줄바꿈 명령어. 연속<br><br>명령하면 줄바꿈이<br>하나만큼 한줄씩 줄 공간이 띄워진다.

<p>는 <br>과  같은 줄바꿈 명령어임.

    <ul> 명령은  두칸 줄바꿈과 동시에 두칸 뛰워서 쓰기시작하며  그아래 <ul>명령을 또 하면
    줄은 한칸 더바뀌고 글씨는 네칸째부터 써진다. 복귀명령은 </ul>하나에 역순 하나복귀되며 <ul>명령 수만큼
    </ul>명령 하므로서 원상이 될수 있다.
     


River blue           ← ...............  <br>River blue         

River blue           ← ...............  <p>River blue

                           ←                   <br>

                            ←                  <br>

        River blue     ←...............  <ul>River blue

        River blue     ←...............  <br>River blue

      River blue  ← .........  <ul>River blue

                               ← .........  </ul></ul>      
River blue            ←...............  <br> River blue

***********
River blue

River blue

    River blue
    River blue
      River blue

River blue

River blue

글 쓰기가 끝나면 □ HTML 책크를 해제하고 사진 올리기를 하고

사진 올리기가 끝나면 □ HTML 책크를 다시 한후

음악 올리기를 하는데 (저작권 주의) 음악올리는 소스에 주소(속성을 보면 음악의 위치=주소)를 복사해서 넣으면 된다.

  먼저 음악 올리는 소스


<br><center><embed width="300" height="65" src="주소" type="application/audio" style="left: 123px; top: 1792px; width: 300px; height: 65px;" x-x-allowscriptaccess="sameDomain" allownetworking="internal" playacount="1" volume="0" showstatusbar="true"></center>


(예)음악의 주소     https://t1.daumcdn.net/cfile/blog/2635154158C5160617?download .wma


*※음악 주소 알아내기※

음악 player박스에 우 클릭 하면 속성이 있는데 속성을 다시 클릭하면

속성 설명 네모속 아래에 위치에 기록된 소스가 주소임.그 소스를 복사해서 음악 올리는 소스에 src="주소"에 붙여 넣음(단" "는 두고

" "표 속에 주소라는 글자대신 복사된 주소(소스)를 붙여넣기 해야 된다)

그러면 다음과 같이 될것이다.

<br><center><embed width="300" height="65" src=" https://t1.daumcdn.net/cfile/blog/2635154158C5160617?download .wma" type="application/audio" style="left: 123px; top: 1792px; width: 300px; height: 65px;" x-x-allowscriptaccess="sameDomain" allownetworking="internal" playacount="1" volume="0" showstatusbar="true"></center>

그 다음엔 

□ HTML 책크를 해제하고

맨아래 등록을 클릭해서 보면 된다.

<오늘 여기까지 만>










'태그연습' 카테고리의 다른 글

7색테이블  (0) 2018.03.31
무지게색태이블  (0) 2018.03.26
7색테이블  (0) 2018.03.26