메모장

06. 기본 문법과 태그 본문

HTML,CSS/[생활 코딩 HTML]

06. 기본 문법과 태그

Itchild 2024. 4. 14. 16:21
728x90
반응형

 

앞서 만들었던 기획서 입니다. 여기서는 한번에 만들기 어렵기에 여러 조각으로 나눠서 하나씩 완성해 가려고 합니다. 먼저 화면에 표시할 부분은 다음 그림에서 빨간 동그라미로 감싼 부분입니다.

Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.

--> 위와 같은 텍스트를 먼저 옮겨 보겠습니다. 브라우저를 새로고침하면 에디터에 작성한 내용이 원인으로 작용해서 브라우저의 웹페이지가 만들어 지는 것입니다. 에디터에 작성된 내뇽은 코드나 소스 , 좀더 구체적으로 설명하면 HTML 이라는 프로그래밍 언어의 문법에 맞게 작성된 코드나 소스 인 것입니다. 그 결과인 웹 페이지가 브라우저에 표시 되는 것입니다.

 

여기서 creating web pages 라는 문자를 진하게 표시하고 싶을땐 어떻게 할까 ?

여기서 웹을 지배하는 가장 중요한 문법이 나옵니다. 바로 태그(tag) 입니다.

지금 우리가 하고 싶은건 creating web pages 라는 세 단어를 진하게 표현하는 것 입니다.

에디터에서 <strong>creating web pages</strong>으로 수정하면 진하게 표현 됩니다.

 

 

 

 

'web' 이라는 텍스트 밑에다 밑줄을 치고 싶다면 underline의 첫글자 'u' 를 씁니다.

<strong>creating <u>web</u> pages</strong> 처럼 수정하면

앞에있는 태그를 열리는 태그 , 뒤에 있는 태그를 닫히는 태그 라고 하며, 닫히는 태그를 열리는 태그와 구분하기 위해 '/'를 붙이는 것을 알 수 있습니다.

 

728x90
반응형

'HTML,CSS > [생활 코딩 HTML]' 카테고리의 다른 글

08. 통계에 기반한 학습  (0) 2024.04.14
07. 혁명적인 변화  (0) 2024.04.14
05. HTML 코딩과 실습 환경 준비  (0) 2024.04.14
04. 코딩과 HTML  (0) 2024.04.14
03. 기획  (0) 2024.04.14