html5 [HTML] HTML 기초 1편 Tali Garsiel이 해당 문서를 웹에 배포하였는데, Tali Garsiel과 Paul lrish 개발자의 에서도 볼 수 있습니다. 한국어로 보고 싶다면, Naver D2에서 작성한 로 볼 수 있습니다. html는 태그 <>라는 것을 사용하는데, html 태그가 DOM Tree로 변경되면 태그 안에 있는 요소를 node라고 칭합니다. 이클립스에서 html5 문서를 생성하면 다음과 같은 코... HTML Taghtml5htmlHTML Tag [HTML5] Emmet HTML5에서는 셀렉터를 이용해 여러 요소를 한 줄로 작성할 수 있다. 분명 이런 문법 명칭이 있을 텐데, 찾지 못해서 뭐라고 칭해야 하는지 모르겠다. 누군가가 알려주셨으면 좋겠다. ㅠㅠ 22.04.07 18:42 -> Emmet이라는 명칭을 우연히 발견했다. 위와 같은 html 코드를 하나씩 적는 건 꽤나 고생스러운 일이다. 때문에 대부분의 IDE에서는 한 줄로 작성하는 방법을 제공한다. ... html5html5 [HTML5] 시맨틱 태그(Semantic Tag)에 대하여 시맨틱 태그(Semantic Tag)라는건데요. 🤔 왜 시맨틱 태그를 사용을 해야하는지 그 이유에 대해서 찾아봤는데 생각보다 간단 했습니다! 두 코드는 똑같이 브라우저에서는 잘 출력이 되는 것을 확인 할 수 있습니다! 두 번째 코드를 볼 경우 <ul>(Unordered List) 태그 안에 <li>(List)태그를 사용함 으로써 과일이 하나하나씩 나열 되어 있는 것을 알 수 있겠죠? <div... html5html5 HTML5 기본 문법 정리 오늘은 HTML5에 대해 정리한다.🌷 HTML은 웹페이지를 기술하기 위한 마크업 언어다. 웹페이지의 내용과 구조를 설계한다. HTML5 에 다음 기능이 추가되었다. 멀티미디어, 그래픽, 통신, 디바이스 접근, 오프라인 및 저장소, 시맨틱 테그, CSS3 <!DOCTYPE html>로 시작한다. 문서 형식을 HTML5로 지정하는 것이다. HTML document는 < html> < /html>... webhtml5html5 <TIL> Semantic Web -Header에서 Footer 까지 예전에 블라인드에서 가짜개발자라는 글을 본적이 있었다 이때 본 Header 에서 Footer 까지 라는 멘트가 이번에 Sementic Web을 알아보다가 다시 생각났다 😂😂 Semantic 의 사전적 정의는 위와 같다 의미와 연관있는? 웹? 무슨 말일까? HTML5 이전 시대의 Web은 div div div div id div div div div 로 이루어져 있다고 해도 과언이 아니다 그렇... TILwebhtml5TIL html5 시맨틱 태그 기초다지기 🌱 따라서, 하나의 문서 안에 여러 개 <header>태그가 올 수 있다. 🌱 <header> 내부에는 또다른 <header>나 <footer>,<address>등을 담을 수 없다. 🌱 위치는 자유롭게 정할 수 있다. 🌱 <header>,<nav>,<aside>,<footer> 등 문서에 반복되는 콘텐츠를 포함시키면 안된다. 🌱 문서의 바닥글을 나타낼 수 있고 섹션의 꼬릿말을 나타낼 수 있다... html5시맨틱 태그html5 html5 _ <table> 태그 정리 웹페이지가 화면이 아닌 음성으로만 지원되는 환경(스크린 리더)에서는 테이블에 대한 정보를 마크업한 순서대로 접근하여 읽어 주기 때문에 <thead>다음 <tfoot>에 대한 정보를 먼저 제공하여 전체적인 내용을 파악할 수 있게 하고 그다음 본문으로 내려가도록 하는 것이 효율적인 방법이다. "구분" → "상반기 판매수" → "태블릿 PC 2만 대" → "스마트폰 5만 대" 첫 번째 테이블 마크... xhtml웹표준html5html5 멀티미디어 width, heigth 속성으로 이미지의 사이즈를 설정할 수 있습니다. srcset 속성은 브라우저에게 제시할 이미지 경로와 그 이미지들의 원본 크기(가로 너비)를 작성하는 속성입니다. 고정된 이미지의 크기를 사용하려면 width 속성으로 이미지의 크기를 고정시킬 수 있습니다. sizes 속성은 미디어 조건과 그 조건에 해당될 때 화면에 표시할 이미지의 출력 크기를 지정합니다. 예를 들어,... htmlhtml5html Block Element와 Inline Element width 값 명시하지 않은 경우, 부모 요소의 content 영역에서 사용 가능한 최대 가로 너비를 사용합니다(width: 100%;). 크기(width, height)를 사용자가 직접 설정할 수 있습니다. 실제 코드상에서는 width: auto; height: auto;로 설정되어 있습니다. margin, padding을 위, 아래, 좌, 우 모두 사용자가 설정할 수 있습니다. 즉, 블록... htmlhtml5html
[HTML] HTML 기초 1편 Tali Garsiel이 해당 문서를 웹에 배포하였는데, Tali Garsiel과 Paul lrish 개발자의 에서도 볼 수 있습니다. 한국어로 보고 싶다면, Naver D2에서 작성한 로 볼 수 있습니다. html는 태그 <>라는 것을 사용하는데, html 태그가 DOM Tree로 변경되면 태그 안에 있는 요소를 node라고 칭합니다. 이클립스에서 html5 문서를 생성하면 다음과 같은 코... HTML Taghtml5htmlHTML Tag [HTML5] Emmet HTML5에서는 셀렉터를 이용해 여러 요소를 한 줄로 작성할 수 있다. 분명 이런 문법 명칭이 있을 텐데, 찾지 못해서 뭐라고 칭해야 하는지 모르겠다. 누군가가 알려주셨으면 좋겠다. ㅠㅠ 22.04.07 18:42 -> Emmet이라는 명칭을 우연히 발견했다. 위와 같은 html 코드를 하나씩 적는 건 꽤나 고생스러운 일이다. 때문에 대부분의 IDE에서는 한 줄로 작성하는 방법을 제공한다. ... html5html5 [HTML5] 시맨틱 태그(Semantic Tag)에 대하여 시맨틱 태그(Semantic Tag)라는건데요. 🤔 왜 시맨틱 태그를 사용을 해야하는지 그 이유에 대해서 찾아봤는데 생각보다 간단 했습니다! 두 코드는 똑같이 브라우저에서는 잘 출력이 되는 것을 확인 할 수 있습니다! 두 번째 코드를 볼 경우 <ul>(Unordered List) 태그 안에 <li>(List)태그를 사용함 으로써 과일이 하나하나씩 나열 되어 있는 것을 알 수 있겠죠? <div... html5html5 HTML5 기본 문법 정리 오늘은 HTML5에 대해 정리한다.🌷 HTML은 웹페이지를 기술하기 위한 마크업 언어다. 웹페이지의 내용과 구조를 설계한다. HTML5 에 다음 기능이 추가되었다. 멀티미디어, 그래픽, 통신, 디바이스 접근, 오프라인 및 저장소, 시맨틱 테그, CSS3 <!DOCTYPE html>로 시작한다. 문서 형식을 HTML5로 지정하는 것이다. HTML document는 < html> < /html>... webhtml5html5 <TIL> Semantic Web -Header에서 Footer 까지 예전에 블라인드에서 가짜개발자라는 글을 본적이 있었다 이때 본 Header 에서 Footer 까지 라는 멘트가 이번에 Sementic Web을 알아보다가 다시 생각났다 😂😂 Semantic 의 사전적 정의는 위와 같다 의미와 연관있는? 웹? 무슨 말일까? HTML5 이전 시대의 Web은 div div div div id div div div div 로 이루어져 있다고 해도 과언이 아니다 그렇... TILwebhtml5TIL html5 시맨틱 태그 기초다지기 🌱 따라서, 하나의 문서 안에 여러 개 <header>태그가 올 수 있다. 🌱 <header> 내부에는 또다른 <header>나 <footer>,<address>등을 담을 수 없다. 🌱 위치는 자유롭게 정할 수 있다. 🌱 <header>,<nav>,<aside>,<footer> 등 문서에 반복되는 콘텐츠를 포함시키면 안된다. 🌱 문서의 바닥글을 나타낼 수 있고 섹션의 꼬릿말을 나타낼 수 있다... html5시맨틱 태그html5 html5 _ <table> 태그 정리 웹페이지가 화면이 아닌 음성으로만 지원되는 환경(스크린 리더)에서는 테이블에 대한 정보를 마크업한 순서대로 접근하여 읽어 주기 때문에 <thead>다음 <tfoot>에 대한 정보를 먼저 제공하여 전체적인 내용을 파악할 수 있게 하고 그다음 본문으로 내려가도록 하는 것이 효율적인 방법이다. "구분" → "상반기 판매수" → "태블릿 PC 2만 대" → "스마트폰 5만 대" 첫 번째 테이블 마크... xhtml웹표준html5html5 멀티미디어 width, heigth 속성으로 이미지의 사이즈를 설정할 수 있습니다. srcset 속성은 브라우저에게 제시할 이미지 경로와 그 이미지들의 원본 크기(가로 너비)를 작성하는 속성입니다. 고정된 이미지의 크기를 사용하려면 width 속성으로 이미지의 크기를 고정시킬 수 있습니다. sizes 속성은 미디어 조건과 그 조건에 해당될 때 화면에 표시할 이미지의 출력 크기를 지정합니다. 예를 들어,... htmlhtml5html Block Element와 Inline Element width 값 명시하지 않은 경우, 부모 요소의 content 영역에서 사용 가능한 최대 가로 너비를 사용합니다(width: 100%;). 크기(width, height)를 사용자가 직접 설정할 수 있습니다. 실제 코드상에서는 width: auto; height: auto;로 설정되어 있습니다. margin, padding을 위, 아래, 좌, 우 모두 사용자가 설정할 수 있습니다. 즉, 블록... htmlhtml5html