이번에는 HTML 명령어중 Style에 대해서 알아보겠습니다


Style이란 HTML을 꾸며주는 명령어다 라고 생각하면 간단합니다


Style의 적용방식은 3가지로 나눠질수 있으며


inline 방식 , interline 방식 , external 방식으로 구성되있으며 각각 사용하는방법은 다르지만 같은 효과를 낼수있습니다





1. inline 방식





-> inline 방식은 HTML 명령어 하나하나 사이에 넣는 방식입니다


->> 지금은 <Body> 부분 전체에 배경색과 글씨 색을 넣어주는방법을 사용했습니다


->>> 명령어 한줄한줄에 넣어야 한다는 불편함이 있습니다






2. interline



->Interline 방식은 <Head> 부분에 <Style>을 추가하여 Style을 윗부분에 쓰는방법입니다


->>Style은 모든 부분에 적용이 되기때문에 구문 한줄쓸때마다 Style을 반복해서 쓰지않아도 되는 장점이있습니다





3. External




->External 방식입니다 외부의 링크 파일을 걸어서 그곳에 Style 명령어를 넣는 방법입니다


->> 링크 이름과 설정한 이름은 같아야합니다


->>> 한곳에 모든명령어를 넣는것이 아니기 때문에 좀더 깔끔하게 보일수 있습니다 





이렇게 HTML 명령어를 꾸며주는 Style에 대해서 알아봤습니다




저작자표시 비영리 변경금지

'IT > WEB' 카테고리의 다른 글

HTML 명령어  (0) 2017.03.06
웹(WEB)서비스 구현 기본 설정  (0) 2017.03.06

이번엔 좀더 많은 HTML명령어에 대해서 알아보겠습니다





1. <title> - </title>




->> 사이트 상단에 표시하고 싶은 내용을 적용합니다



2. <br>



->> 본문 내용 줄변경이 가능합니다

index.html 파일내에서 줄변경해도 실제 페이지에서는 줄변경이 되지 않습니다



3. <p> -- </p>



->> 본문 내용 줄변경이 가능합니다

위에 <br>과 기능은 비슷합니다




4.<h (x) > -- </h (x)>




->> 글씨 폰트 크기 변경이 가능합니다 

x에는 번호가 들어가게 되면 <h1>에 가까울수록 폰트가 커지고 멀어질수록 폰트가 작아집니다






5. <font size=”x”> - </font>




->> 폰트 사이즈를 조절할수있다 기본적인 사이즈는 3이고 사이즈가 커질수록 크기가 커진다

그리고 줄바꿈이 자동으로 지원이 안됩니다




6. <font face=”x ”> - </font>



->> 폰트를 변경할수있습니다 , 한글 or 영어에 맞게 폰트를 변경하여 사용합니다

->>> Arial, Courier, Impact ,Modem 등 여러가지 폰트등을 사용할수있습니다





7. <font color : xxxxxx> - </font>




--> 폰트색을 지정하여 사용할수있습니다 , 색은 색상표 or  영어로 적용이 가능합니다 



8. <img src=”x” />



->>이미지 파일을 업로드 할수있습니다

※Html 경로에서 파일을 찾아서 사용하기 때문에 다른곳에 그림 파일을 넣으실 경우 추가설정이 필요합니다

->>> 추가적인 설정으로 그림의 예비 파일 및 가로 세로 크기를 조정을 할수있습니다




9. <iframe src="x"></iframe>




->> 이미지 파일을 외부사이트 에서 불러오는 기능입니다

->>> 추가적인 설정으로 이미지의 크기를 조절할수있습니다



10. <a href="xxx.com"> - </a>




->>해당 글씨 or 파일을 클릭하면 외부링크로 연결해주는 명령어 입니다









이번에는 간단한 HTML 명령어에 대해서 알아봤습니다


다음에는 HTML 에서 Style에 대해서 알아보겠습니다



저작자표시 비영리 변경금지

'IT > WEB' 카테고리의 다른 글

HTML 명령어 -Style-  (0) 2017.03.07
웹(WEB)서비스 구현 기본 설정  (0) 2017.03.06

WWW 

-> 인터넷에 연결된 컴퓨터등을 통해 사람들이 서로 정보를 공유할수있는 공간을 말하고


WEB

->서로 정보를 공유할수있는 공간에서 제공하는 서비스를 말한다

지금 이 블로그도 웹서비스중 하나인데 , 이런 웹을 만들고 꾸밀수있는 방법이 여러가지가 있다

정보를 주고받을수있는 HTTP 프로토콜을 이용하여 주로 통신하며

Markup Language을 통해 웹서비스들을 구축할수있으며 많이 사용되는언어중 하나가 HTML이다







이번 실습은 HTML 언어를 통한 웹 서비스 구축에 대해서 알아볼것이다




리눅스에서 HTML을 이용한 WEB구축 방법 





1. 리눅스에서 HTML 기본 경로



->> 기본 경로는 / -> var -> www -> html 순서 이다 여기서 index.html 파일로 구성하거나

새로 만들어서 web을 구성이 가능하다







2. HTML 기본파일 구성




->> HTML 폴더에 index.html 파일이 기본 구성 파일이다

이 파일을 열어보면 인터넷으로 보는 그대로 형태로 전시가 된다 




->> 해당 파일을 메모장으로 열어봤을때 오른쪽에있는 <Body> 부분에서 테스트 파일이라고 적혀있는부분을 통해 

왼쪽에 테스트 파일 이라고 보이는것이다








3. HTML 명령어 


명령어의 기본은 시작과 끝부분을 알려주는것이다

시작은 < >     끝은 < / >으로 알려준다


★기본구성★


1) <html> - </html>  : HTML 문서라고 알려주는것이다 맨처음과 끝에 지정해야한다



2) <head> - </head> : 본문에 표시는 되지는않지만 본문에 영향을 줄수있는 내용이 들어간다

->> 차후에 Style을 지정시 이곳에 들어간다


3) <body> - </body> : 본문 내용

->>본문 내용을 작성한다 기본파일에는 텍스트 문서 라고 저장되어있었다





4. HTML 기본 명령어 구현


간단하게 본문 내용을 변경해 보겠다



->> 간단하게 <body> 부분만 수정하여 홈페이지 내용을 변경할수있다






기본 설정에 대해 알아봤습니다


다음에는 좀더 많은 명령어를 배워서 구현해보겠습니다










저작자표시 비영리 변경금지

'IT > WEB' 카테고리의 다른 글

HTML 명령어 -Style-  (0) 2017.03.07
HTML 명령어  (0) 2017.03.06

+ Recent posts

티스토리툴바