라벨이 텍스트태그인 게시물 표시

HTML 텍스트 태그 다양한 의미를 담고 있는 여러 가지 태그들

HTML 텍스트 굵기 및 기울임꼴 지정 텍스트를 다른 글자보다 강조하고 싶을 때, 흔히 해당 텍스트를 굵게 하거나 기울임꼴로 지정하거나 합니다. HTML에서는 해당 텍스트를 굵게 할 때 는 strong 태그나 b 태그를 사용 하면 되고, 기울임꼴 을 지정하고 싶을 대는 em 태그나 i 태그를 사용 하면 됩니다. 텍스트를 굵게 하거나 기울임 꼴을 지정할 때 태그의 종류가 각각 두 개가 있는데 이들의 차이는 브라우저가 알아보느냐 못 알아보느냐 하는 차이 가 있습니다. b 태그와 i 태그를 사용할 경우 웹페이지의 텍스트에서 굵거나 기울여 보일 뿐 웹 크롤러 및 브라우저는 그저 단순한 텍스트로 인식하게 됩니다. 반면   strong 태그나 em 태그를 사용하게 되면 웹 크롤러 및 브라우저는 문서에서 강조된 부분이라고 인식 하게 됩니다. 되도록이면 b 태그와 i 태그 대신 strong 태그와 em 태그를 사용 해야 합니다. 줄임말 표현시 사용되는 abbr 태그 예전과 달리 줄임말을 많이 사용하는데요. 웹페이지에서도 줄임말을 표현할 수 있습니다.  단순히 텍스트만 줄여서 사용하는 것이 아니라, 줄임말과 함께 abbr 태그를 사용 하고 abbr 태그의 title 속성에 원래 단어를 기입 해서 사용하면 됩니다. abbr 태그 사용 예시 <abbr title = "too much information">TMI</abbr> 코드블럭에 사용되는 code 태그 html 문서를 작성하다 보면 실제 html 문법을 html 코드에 넣고 웹페이지에서 html 코드가 디스플레이 되게 하고 싶을 때가 있는데요. 이렇게 컴퓨터 소스 코드를 화면상에 출력하고 싶을 때 code 태그를 사용하면 됩니다. code 태그를 사용하게 되면 브라우저가 해당 코드는 html 코드로 인식하지 않고 단순 텍스트로 인식하여 화면에 출력해 줍니다. 텍스트 크기를 조절하는 여러 태그들 상황에 따라 보통 텍스트 크기보다 다르게 보여줘야 할 때가 있습니다. 이럴 때 사용하는 여러...

HTML 텍스트 태그로 글 제목(h 태그), 문단 구성(p 태그), 줄바꿈(br)과 인용문(blockquote) 사용해보기

이미지
제목을 나타내는 h 태그 문서의 제목을 지정할 때 사용하는 h 태그는 h1부터 h6까지 있습니다. 숫자 가 커질수록 하위 개념의 제목으로 생각하시면 됩니다. h1의 경우 에는 특별하게 한 html 파일에서 한 번만 사용 하는 것이 좋습니다. 책의 제목과 같은 개념 으로 생각하시면 될 것 같습니다. h 태그를 사용할 때, 유의해야 할 점은 h 태그 뒤에 붙는 숫자의 사용을 순차적으로 사용 해야 합니다. 예를 들어 h4 태그를 사용하고 그 뒤에 h3 태그를 사용하면 안 된다는 뜻으로 문장으로 풀이하게 되면 소분류를 먼저 나열하고 그 밑에 중분류를 선언하는 모양이 되게 되니 내림차순으로 사용하여 문단을 구성해야 합니다. h 태그 사용 예시 <h1>책제목</h1> <h2>목차-1</h2> <h3>목차-1 하위주제-1</h3> <h3>목차-1 하위주제-2</h3> <h2>목차-2</h2> <h3>목차-2 하위주제-1</h3> <h4>목차-2 하위주제-1 의 문단</h4> <h3>목차-2 하위주제-2</h3> 텍스트 문단 p태그와 줄바꿈 br태그 웹페이지 문서에서 한문단 한문단을  구성할 때   p 태그를  사용하면 됩니다. 이때  줄바꿈을 위해 엔터키를 입력해도 문서상에서는 줄바꿈이 일어나지 않습니다. 이럴 때는  p 태그를  닫고 다시 새로운  p 태그를  선언하거나 줄바꿈을 해주는  br 태그를   p 태그  사이에 넣어 줄바꿈을 넣어 주어야 합니다. p 태그, br 태그 사용 예시 <p>구글 블로거를 사용하여 HTML 관련 포스팅을 하고 있습니다.<br>오늘은 HTML 텍스트 관련 태그에 대해서 정리하고 있었습니다.</p> p 태그, br 태그 예시 결과 구글 블로거를...