반응형

html 4

섹션의 태그들을 알아보기

우선 섹션이란 '부분, 구분, 구획, 마디'라는 뜻으로 신문을 1면부터 마지막면까지 하나의 묶음으로 만들지 않고 '경제면', '특집면', '건강면', '교육면', '문화면', '스포츠면', 등과 같이 따로 떼내어 읽기 쉽게 8~12면 정도로 나누는 것을 '섹션화(section化)'라고 합니다. 일반 문서 또는 애플리케이션 섹션. A에는 ``일반적으로 제목 (제목)과 바닥 글도 있습니다. 긴 기사의 하위 섹션, 페이지의 주요 부분 (예 : 홈페이지의 뉴스 섹션) 또는 웹앱의 탭 인터페이스에있는 페이지와 같은 관련 콘텐츠의 덩어리입니다. 이미지출처 section HTML 문서에서 같은 맥락의 요소들을 그룹화 해주는 태그이며 섹션 주제에 주로 제목 요소 ~ 를 포함하는 것이 좋습니다. 내용이 서로 관련 되어있..

html 2023.02.22

텍스트와 관련된 요소를 모아보자

자바스크립트에서 텍스트 요소는 HTML 문서에서 사용자에게 보여지는 텍스트를 나타내는 요소입니다. 이러한 요소들은 주로 DOM(Document Object Model)에서 조작되며, 자바스크립트를 사용하여 HTML 문서의 내용을 동적으로 변경할 수 있습니다. ~ : 제목 요소로, 각각 크기와 중요도가 다릅니다. : 단락 요소로, 텍스트의 덩어리를 표시합니다. : 인라인 요소로, 텍스트를 그룹화하거나 스타일링을 적용하는 데 사용됩니다. : 강조 요소로, 굵게 표시합니다. : 강조 요소로, 이탤릭체로 표시합니다. : 밑줄 요소로, 텍스트에 밑줄을 긋습니다. : 취소선 요소로, 텍스트에 취소선을 긋습니다. : 앵커 요소로, 링크를 생성하는 데 사용됩니다. : 축약어 요소로, 축약어나 두문자어를 정의할 때 사용..

html 2023.02.17

시멘틱 마크업과 논리적인 순서 마크업

이미지 출처 우선, 마크업 언어(markup language)란 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지입니다. 태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었고, 이러한 태그 방법의 체계를 마크업 언어라 합니다. 내용을 어떠한 표시나 표현을 하라는 의미로 해석 하시면 됩니다. ★시멘틱 마크업 시멘틱(Semantic)의 사전적 뜻은 "의미론적인" 정도로 해석할 수 있습니다. 이는 마크업을 할 때 의미를 부여하는 태그로 보면 됩니다. 또한 시멘틱 요소는 개발자와 브라우저에 명확하게 그 존재 의미를 전달하는 요소입니다. 실제로 마크업을 할 때는 작업자마다 콘텐츠의 의미를 해석하는 차이가 ..

html 2023.02.17

인라인 구조와 블록구조 알아보기

☆인라인 요소(Inline Element) 인라인 요소는 마크업을 할 때 가로로 정렬이 됩니다. 인라인 요소는 텍스트라고 생각하면 됩니다. 하나의 태그가 브라우저에서 실제로 코딩된 그 영역만 차지하여 좌우로 다른 태그가 나란히 위치할 수 있는 요소들입니다. 행 안의 일부분이라고 보시면 됩니다. 텍스트레벨요소라고도 합니다. 인라인요소로는 ,, ,,,,, 등이 있습니다. 새로운 줄을 만들지 않습니다. 필요한 너비만 차지합니다. 다른 인라인 요소를 포함할 수 있습니다. ( 인라인 요소가 블록 레벨 요소를 포함하는 건 웹 표준에 어긋납니다 ) height가 적용되지 않습니다. width가 적용되지 않습니다. 결과 값: ☆ 블록 레벨 요소(Block-level Elements) 블록 레벨 요소는 마크업을 할 때 ..

html 2023.02.17
728x90
반응형