본문 바로가기

Programming310

[HTML] HTML 태그 정리, 텍스트 관련 태그들 (인라인 요소) , : 텍스트를 굵게 표시할 때 사용합니다. 둘을 눈으로 보았을때는 똑같아보입니다. 하지만 둘의 차이점은 화면 낭독기 기능에서 차이를 보입니다. 화면 낭독기가 태그의 텍스트를 읽을때는 그 부분을 강조해서 읽어줍니다. 반면 태그는 낭독기가 따로 강조해주지 않습니다. 즉, 태그와 태그의 차이점은 굵은 글씨로 표시하는가와 강조의 의미를 담았는가의 차이라고 할 수 있습니다. , : 기울임꼴, 이탤릭체라고 부르는 방식으로 텍스트를 표시할 때 사용합니다. 위의 태그의 경우와 마찬가지로 태그는 단순히 이탤릭체 표시, 태그는 이탤릭체 표시를 강조할 때 사용합니다. : 인용구를 나타낼 때 사용합니다. 인용구를 표시하는 태그인 와의 차이점은 는 블록요소이므로 사용하면 줄바뀜과함께 들여쓰기가 되고, 한 줄을 차지합니다. 그.. 2020. 8. 19.
[HTML] HTML 태그 정리, 텍스트 관련 태그들 (블록 요소) : 제목을 표시하기 위한 태그. 일반 텍스트보다 크기가 크고 굵게 표시 된다. ~의 형태로 사용되며, 이 가장 크며, 으로 갈수록 작아진다. : 단락 단위의 텍스트를 표시할 때 사용하는 태그. 닫는 태그 전까지 텍스트를 한 줄로 표시한다. 단락 단위이므로 앞뒤에 간격이 생긴다. (css속성을 통해 제거 가능!) : 웹 브라우저 상에서 줄 바꿈을 표시하기 위한 태그. 닫는 태그가 없다. : 가로 줄을 삽입 하는 태그. 닫는 태그가 없다. : 인용구를 삽입할 때 사용하는 태그. 웹 브라우저에서 들여쓰기되어 보여진다. : HTML 소스파일에서 입력한대로 텍스트를 표시해주는 태그. 2020. 8. 18.
[HTML/CSS] 블록 요소와 인라인 요소 html의 태그들은 여러 가지가 있지만 크게 블록과 인라인 요소로 나눈다. 요소가 블록인지 인라인 요소인지에 따라서 적용되는 속성이 다르기 때문에 구분을 해서 사용해야 합니다. 블록 요소 블록요소는 브라우저상에서 한 줄을 차지하는 요소들이다. 간단하게 브라우저의 가로 한 줄을 다 가진다고 말할 수 있습니다. 다른 블록 요소나 인라인 요소들을 하위 요소로 가지고 있을 수 있습니다. 콘텐츠가 한 줄을 차지하므로 블록 요소 다음에는 줄 바꿈이 일어납니다. 블록 요소의 대표적인 태그들 등 인라인 요소 인라인요소는 블록 요소와 달리 브라우저에 표시되는 콘텐츠 영역만을 사용하는 요소입니다. 블록 요소와 달리 나머지 공간이 생기므로 인라인 요소는 한 줄에 여러 가지 요소가 올 수 있습니다. 인라인 요소의 대표적인 태.. 2020. 8. 18.
[HTML/CSS] HTML과 CSS HTML (HyperText Markup Language) html은 웹페이지를 만들기 위한 가장 기초적인 마크업 언어입니다. html은 태그로 이루어져있고, 태그들을 이용하여 웹 브라우저 상에 텍스트, 이미지, 하이퍼링크등을 표시합니다. 태그들은 (꺾쇠)사이에 표기되며, 몇개의 태그들을 제외하고 내용처럼 반드시 닫아주어야 합니다. html은 혼자 쓰이기 보다는 CSS, 자바스크립트 등과 함께 쓰여 브라우저에 디자인적, 기능적 요소를 더해서 사용됩니다. 이하는 html문서를 작성하기 위한 가장 기초적인 html5의 기본 틀입니다. : 문서의 시작부분에 명시하며, 문서유형을 나타내 줍니다. 해당 문장은 웹 브라우저에게 html문서를 처리 하라고 알려주게 됩니다. : html문서가 시작되고 끝남을 알리.. 2020. 8. 17.
300x250