티스토리 뷰

linux - php,html 파일 열기



  html


  ㆍHTML 자체로 언어라고 하기에 부족 ( Javascript 필요 )
  ㆍJavascript : 정적인 HTML을 보완하기위한 용도, HTML5 + JAVAscript 
     ( 웹 페이지에서 움직이는 대부분은 JAVAscript를 이용 )
     ( JAVA와 전혀 상관 없다. )
  ㆍ분기, 반복문등의 기능이 없다.

  ㆍ< > ( markup ) : 꺽쇠로 이루어진 언어는 ml로 끝난다. ex). html, xml

  ㆍ문서의 구조를 표현 한다. 글자( 제목, 본문, 머리글,.. ), 그림, 표, 문자,.. 등의 문서의 구조를 표현하는 HTML

  ㆍ웹 서버 구축후 ' document root directory ' 안에 파일( html, php )을넣으면, 웹 브라우저 문서의 구조를 해석해서 

    열어 준다.


   【 기본 Html tag /element(요소) 】

  1). 제목 태그 : heading

    ㆍ<h1 ~ 6> 내용 </h1~6>

       - 제목을 표현할때 사용

       - 숫자가 작을수록 크기가 크다.


  2). 본문 ( 단락 ): paragraph

    ㆍ<p> 내용 </p>

    ㆍ<div> 내용 </div>

       - 본문의 내용이나 문단을 표현할때 사용

    


  3). 그림: image

    ㆍ<img> </img> or <img src="경로" /> ( 셀프 클로징 가능 )

       - 해당 경로에 있는 그림을 표현한다. 'src'는 태그의 속성 이라고 한다.

         즉, img태그에 src라는 속성, 태그마다 각각의 여러 속성이 존재

       - 그림에 관련된 속성을 가지고 있다. ( 그림의 크기, 높이, 위치 등등 ) 기본적으로 픽셀 단위 이다.


    ㆍhttps://t1.daumcdn.net/cfile/tistory/2635453D5839282421

       - 경로는 로컬에 위치한 경로나, 다른 웹 사이트의 이미지도 '이미지 주소로 복사'로 가져올 수 있다.

        ↘<img src="https://t1.daumcdn.net/cfile/tistory/2635453D5839282421" />


    ㆍ이미지 크기 조절하기

       - <img src="경로" width=100 height=200 />


  4).표 table

     <table>

          <tr>

              <td> 셀 </td>

              <td> 셀 </td>

              <td> 셀 </td>

          </tr>


          <tr>

              <td> 셀 </td>

              <td> 셀 </td>

              <td> 셀 </td>

          </tr>


       </table>


  5).링크 : anchor

    ㆍ외부 문서를 연결해주는 역활

       - <a href="링크 주소"> 링크 </a>


# html 기본 형식 (참조)



   【 html 파일 열기 】


 ↑ service httpd start 명령을 통해 웹 서버가 가동 중 이여야 한다.

   # 기본 웹서버 구축하기 (참조)



 ↑ 현재 http의 documentRoot directory의 위치는 /var/www/html로 디폴트 설정 되어있다.

   # 이 경로는 디폴트 값으로 수정할 수 있다.


 ↑ DocumentRoot 경로인 /var/www/html 에 html 파일을 작성한다.

   # 확장자는 .html

 

 ↑ html 파일의 기본 틀

   # <!DOCTYPE html> : html5 표준 문서임을 알리는 시그니쳐 

   # <html> : html 문서의 시작을 알리는 오프닝 태그

   # <head> : 문서의 추가적인 정보를 포함하는 태그

   # <body> : 화면에 보여지는 정보를 포함하는 태그

   # 화면에 보여지는 요소들은 body 태그 안에 들어있다.

   # /를 통해 클로징(엔드) 태그를 생성해 주어야 한다. ex). </html>

   # 제일 상위요소는 html, 최상위 요소 html의 하위요소로 <head>, <body>가 있다.

     - <body> 태그의 하위요소로 <h1>, <p>, <a>, ... 등의 태그가 있다.

    # Javascript는 URL, 웹 브라우저 내부 콘솔창, html코드의 <head> 태그 내부에서 사용된다.


 ↑ 기본적인 html파일 구성 

   # <h1>, <img>, <a> 태그 사용


 ↑ 주소 : [현재 리눅스 ip]/html 문서 이름





   【 간단한 javascript 이용


 ↑ Javascript를 이용해 간단한 동적인 옵셥을 추가할 수 있다.





  PHP



  ㆍPHP파일의 기본 확장자는 .php를 사용한다.

  ㆍ웹 브라우저는 html 소스코드를 다 볼 수 있지만, php같은 경우에는 보이지 않는다.

  ㆍ확장자가 php가 아니면 php로 인식하지 않게되어 소스코드가 실행되지 않는다.

  ㆍphp 파일 내에는 html을 포함 할 수 있다.



   【 php 기본 구조 】

  1). php 구조 : <?php로 시작해서?>로 끝난다.

     <?php   


          php code ( php 영역 안에서는 html을 포함 시킬 수 없다.  → php 블록 밖에서 사용가능 )


      ?>

    ㆍ 구버전의 php 영역은 <?   ?>를 사용하기도 한다.


  2). 변수 사용하기

    ㆍ변수의 선언이 따로 없다. 변수를 쓰고 싶을때 변수의 값을 정의해주면 된다.

      - 변수는 정의될때 타입이 정해 진다.

    ㆍ $( 스트링 )이 붙는다.

      - $etc = "apple";


  3). php 영역

    ㆍ같은 php파일내에서는  php영역을 여러개 나눠도 같은 php코드로 통한다.

  4). 명령문의 마지막에는 쌍반점(;)을 입력한다.

  5). 문자열 데이터는 큰따옴표(")나 작은따옴표(')로 감싼다.

    

   【 php 파일 열기 】

      

 ↑ php 파일 생성


 ↑html 파일을 여는것과 동일하게 php파일을 열 수 있다.

   # php파일에서 html코드를 사용할 수 있다.

   # html코드안에 php코드를 넣을 수 있다. ( 단, php코드는 php영역 안에 있어야 정상적으로 동작 )

   # echo는 문자열을 처리할때 사용한다.


 ↑소스보기에서도 php코드를 볼 수 없다.