HTML이란 무엇입니까?

부터 인터넷의 시작 html은 세계 와이드 웹을 만드는 데 중요하고 우리가 원하는 방식으로 나타납니다. HTML이 무엇인지, 당신이 매일 볼 수있는 페이지로 돌아가는 것을 살펴 보겠습니다.

인터넷의 백본

HTML은 "하이퍼 텍스트 마크 업 언어"를 의미합니다. 웹 브라우저가 표시 할 수있는 페이지를 만드는 데 사용되는 코딩 언어입니다. 지금 당장이 기사를 읽고있는 것을 포함하여 인터넷에서 찾은 대부분의 웹 페이지는 HTML 파일로 저장됩니다. 웹 사이트는 어딘가에 서버에 저장된 관련 HTML 페이지의 무리입니다. 그렇기 때문에 언어가 자주 " 인터넷의 백본 . "

인터넷에서 페이지에 가면 기본적으로 서버에 저장된 HTML 파일을 요청합니다. 그런 다음 Chrome 또는 Firefox와 같이 사용중인 브라우저가 HTML을 구문 분석하고 의도 한 방식으로 표시됩니다.

HTML의 보편성과 다양성은 가장 인기있는 단일을 만듭니다. 마크 업 언어 세상에. 대부분의 프런트 엔드 웹 개발자는부터 시작합니다 코드를 학습하는 방법 HTML에서. 드래그 앤 드롭 도구 및 WYSIWYG 편집기는 결국 브라우저가 구문 분석 할 수 있도록 결국 HTML로 번역됩니다.

관련된: 마크 업 언어 란 무엇입니까?

HTML이 작동하는 방법

프로그래밍 언어와 마찬가지로 HTML은 전면에 직면 한 시각적으로 바뀌기 전에 명령과 텍스트 블록을 무리처럼 보입니다. 이 특정 페이지의 HTML이 바탕 화면이나 랩톱에있는 것처럼 보이는 것을 보려면 궁금한 경우이 페이지의 모든 위치를 마우스 오른쪽 단추로 클릭하고 "페이지보기 원본보기"를 선택하십시오 (브라우저에 따라 다를 수 있습니다. ~의 그것은 당신을 거대한 코드 벽으로 데려 가야합니다.

대부분의 HTML은 페이지에서 서로 다른 요소를 분리하는 HTML 코드의 스 니펫 인 "요소 블록"을 사용하여 구축됩니다. 예를 들어,이 기사의 본문은 메뉴, 아래의 권장 사항 및 페이지 바닥 글 인 것과 같이 요소 블록입니다. 이러한 요소는 다르게 작동 할 수 있으므로 이러한 요소가 자신의 방식으로 코딩됩니다.

HTML 페이지를 빌드하는 데 중요한 부분은 계단식 스타일 시트 (CSS)를 사용하는 것입니다. 이들은 페이지의 특정 요소가 어떻게 보이는지 정의하는 문서입니다. 예를 들어 큰 이미지가 얼마나 큰지, 어떤 글꼴이 페이지에 나타나야하는지, 웹 페이지가 어떻게 응답해야하는지 크기가 조정되거나 늘어 났을 때. 이들은 모두 매력적이고 응집되고 세련된 웹 사이트를 만드는 데 중요합니다. 지난 10 년간 웹 사이트를 더 잘 보이기 시작한 것을 알게되면 CSS의 사용이 증가하는 이유가 있습니다. CSS에 대해 더 자세히 알아볼 수 있습니다 여기 ...에

HTML에 대한 최선의 방법 중 하나는 동적 스크립트를 통해 실행하는 기능입니다. 자바 스크립트 또는 JS. 이 스크립트는 동적 요소를 만들 수 있습니다. 예를 들어 특정 웹 사이트에서 이미지에 가져 오는 것을 허버로 확대 할 수 있습니다. JavaScript 요소를 코딩 하여이 효과를 만들 수 있습니다.

관련된: Google 크롬에서 JavaScript를 비활성화 (및 활성화)하는 방법

HTML 기본 사항

HTML은 다른 태그와 블록의 톤이 상당히 복잡한 언어이지만 웹을 탐색하는 것처럼 유용 할 수있는 몇 가지 HTML 코드가 있습니다. 다음은 귀하가 만날 수있는 기본 HTML 태그가 있습니다.

방법 괴짜

당신은 그를 사용합니다 & lt; a & gt; 명령 링크를 만드는 명령. URL은 링크가 가리키는 곳이며 "How-to Geek"를 읽는 텍스트가 최종 사용자에게 나타나는 방법입니다.

 & lt; b & gt; bold & lt; & lt; i & gt; 이탤릭 & lt; / i & gt; & lt; u & gt; underline & lt; / u & gt; 

굵게 이탤릭체 밑줄

당신은 그를 사용할 수 있습니다 & lt; b & gt; , & lt; i & gt; , 그리고 & lt; u & gt; 표준 텍스트 서식 옵션을 적용하려면 굵게, 기울임 꼴 및 밑줄이 그어진 텍스트.

NS & lt; img & gt; 태그는 이미지를 페이지에 포함시키는 데 사용됩니다. 이미지를 동일한 도메인에서 가져 오거나 외부 도메인으로 가리킬 수 있습니다. 크기 조정 및 Alt 텍스트와 같은 일부 추가 속성으로 사용자 정의 할 수도 있습니다.

 & lt; h1 & gt; 표제 1 & lt; / h1 & gt; & lt; p & gt; 단락 & lt; / p & gt; 

위의 내용은 제목과 단락 태그입니다. Microsoft Word에서 텍스트를 헤더 및 본문 텍스트로 정렬 할 수있는 방법과 비슷한 HTML은 기본 헤더 및 단락 옵션을 기반으로 텍스트를 형식화 할 수도 있습니다. 이러한 형식은 CSS 스타일 시트를 사용하여 정의됩니다.

또한을 사용할 수도 있습니다 "스타일" 속성 텍스트 색상, 배경색 및 글꼴 크기와 같은 다양한 스타일 설정으로 텍스트를 사용자 정의하는 것.

더 많은 HTML 서식 옵션을 배우는 데 관심이 있으시면 다음을 확인하십시오. W3schools '무료 리소스 ...에 웹 페이지 작성에 사용할 수있는 HTML 태그의 전체 목록을 볼 수 있습니다.

관련된: "반응 형 디자인"이란 무엇이며 어떻게 사용합니까?