WEB1 - 06 기분 문법과 태그
html 파일 생성 후 텍스트 입력
Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.↓
Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.위 파일 생성 후 텍스트를 입력하고 윈도우에서 Ctrl + S, macOS에서는 command + S를 누르면 변경사항이 저장되고, 브라우저를 새로고침하면 에디터에 작성한 내용이 원인으로 작용해서 브라우저의 웹 페이지가 만들어지는 것입니다. 에디터에 작성된 내용은 코드나 소스, 좀 더 구체적으로 설명하면 HTML이라는 프로그래밍 언어의 문법에 맞게 작성된 코드나 소스인 것입니다. 그 결과인 웹 페이지가 브라우저에 표시되는 것입니다.
<strong> 태그로 굵게 강조
Hypertext Markup Language (HTML) is the standard markup language for <strong>creating web pages</strong> and web applications.↓
Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.우리가 하고 싶은 것은 'creating web pages'라는 세 단어를 진하게 표현하는 것입니다. 에디터에서<strong>creating web pages</strong>으로 수정한 뒤 파일을 저장하고 웹 페이지를 새로고침하면 'creating web pages'라는 부분이 진하게 표시됩니다.
<u> 태그로 밑줄 긋기
Hypertext Markup Language (HTML) is the standard markup language for <strong>creating <u>web</u> pages</strong> and web applications.↓
Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications.그런데 'creating web pages'에서 'web'이라는 글자가 더 중요해 보입니다. 이것을 더 강조하고 싶은데 이미 우리가 진하게 강조하는 작업은 했기 때문에 저'web'이라는 텍스트 밑에다 밑줄을 치는 방법으로 강조하고 싶습니다. 밑줄은 영어로 underline입니다. underline의 첫 번째 글자는 'U'입니다. <strong>creating <u>web</u> pages</strong>처럼 수정하고 파일을 저장한 후 웹 페이지를 새로고침하면 그 결과, 'web' 밑에 밑줄이 생긴 모습을 볼 수 있습니다.
지금까지 <strong>과 <u>라는 태그 두 가지를 배웠습니다. 'creating web pages'를 <strong>creating web pages</strong>으로 수정했는데, 앞에 있는 <strong>과 뒤에 있는 </strong>을 태그(tag)라 합니다.
더 구체적으로 앞에 있는 태그를 열리는 태그, 뒤에 있는 태그를 닫히는 태그라 하며, 닫하는 태그를 열리는 태그와 구분하기 위해 ' / ' 를 붙이는 것을 알 수 있습니다.
