본문 바로가기
반응형

Study/HTML&CSS7

HTML <STRONG> 태그와 <EM> 태그 Strong 태그는 문서에서 중요함을 나타내는 문서이다. 지금도 방금 글을 쓰면서 중요함 에 강조하기위해서 "굵게" 옵션을 사용했는데. 이와 같은것이다. 문자를 굵게 나타내주고 중요하다고 표시해줄수 있는 태그가 바로 태그이다. Strong 태그는중요함을 나타내주기 위한 코드입니다 Strong 태그 알아보기 중요함을 나타내주는 태그로써 웹 텍스트에서 중요함을 강조하기 위해 굵게 표현해줍니다. HTML 삽입 미리보기할 수 없는 소스 EM태그는 문자열을 강조하기 위해서 사용하는 태그이다. 예를들어 문장이나 단어를 강조 하기 위해서 사용되어지는데. 이건 바로 코드로 확인해보면 어떤말인지 알수있다. EM 태그 알아보기 중요한건 꺾이지 않는 마음! 우리는 바로 이 마음가짐을 지니며 살아 가야합니다. 포기하지 않는다.. 2022. 12. 13.
HTML의 <H(n)>, <P>,<BR> 태그 태그 - heading tag라고도 불린다. 검색엔진 최적화에도 중요하게 사용되는 태그이며, 주로 콘텐츠의 대제목, 중제목, 소제목 같은곳에 사용된다. 부터 까지 있는데, 숫자가 작을수록 중요한 의미를 나타내준다. 따라서 가장 중요한 의미를 가지고 있는건 , 가장 적은 중요한 의미를 가지고 있는건 이다. 그리고 태그를 사용하면서 유의해야될점이 2가지가 있다. H1태그는 한페이지에 하나만 사용해야 된다 H(n)태그는 H1부터 순차적으로 사용하는것이 좋다. 태그 - paragraph의 앞글자를 따서 p태그라 불리우는데 단락이라는 의미를 가지고 있다 쉽게 얘기하자면 한문장의 시작과 끝을 정하는게 태그라고 할수 있다. Visual Studio Code에서 태그를 테스트해보려면 시작태그와 끝태그를 입력후 사이에 .. 2022. 12. 12.
Visual Studio Code에서 유용한 Extensions 1. Live Server 제목 그대로 Live server를 열어준다. 웹브라우저로 열어주는데 HTML 코드 작성 및 수정시 저장하면 실시간으로 Live Server로 열은 웹페이지에서 반영이 된다. 새로고침이 필요없다. 실행방법은 설치 후에 HTML 문서 내에서 마우스 우클릭 -> Open with Live server를 클릭하면 된다 2. indent-rainbow Visual Studio Code의 기본 들여쓰기 표현식은 너무 잘 보이지않는다. 이것을 빨주노초파남보 색상으로 구별해주어 가독성을 높여준다. 설치와 동시에 적용되며 적용후 모습은 아래와 같다. 들여쓰기 한 부분이 색상으로 표시되어 좀더 보기 좋아졌다. 3. Auto Rename Tag 이게 정말 좋은거같다. HTML는 시작태그와 끝태그.. 2022. 12. 10.
반응형