목록HTML (9)

< Code diaries />

HTML Quiz - 01

1. 다음중 설명과 맞는 것을 모두 고르시오 ( A, C )A. 제목을 나타내는 태그는 총 6가지가 있으며, ~ 까지 이다.B. 문단을 나타내는 태그는 이다.C. 문서의 제목을 나타내는 태그는 안에 있다D. , 태그는 내용중 중요하거나 경고하는 것의 역할을 하는 태그이다.   2. 제목을 나타내는 헤딩요소들에 대한 설명으로 바르지 않은 것을 모두 고르시오. (C, D)  A. 블럭레벨 요소 이다.B. 내부에 인라인레벨 요소를 컨텐츠 요소로 포함 할 수 있다.C. 내부에 블럭레벨 요소를 컨텐츠 요소로 포함 할 수 있다.D. 계층구조를 지키지 않아도 무방하며, 제목이 필요시 언제든지 사용할 수 있다.  3. VS code 문제입니다. HTML template을 불러오는 단축키는? ! + Tab ke..
Html 2024. 11. 7. 17:37
HTML Node list를 Array로 converting 하기

NodeList와 HTML Collection은 유사배열객체라서 배열의 모든 메소드를 사용할 수는 없다. NodeList우리가 document.querySelectorAll()로 HTML elements를 가져오면 Nodelist로 들어온다. apple mango blueberry  HTML Collectionchildren 속성으로 가져온 것은 유사배열객체이다.  A B Cconst ul = document.querySelector('ul')const lis = ul.children;console.log(lis)// HTMLCollection(3) [ li, li, li ]
Javascript-DOM/02 - DOM 다루기 2024. 8. 8. 08:56
TAG 03 - 링크와 이미지관련 태그

HTML(Hyper Text Markup Language)   - 웹페이지에서 가장 중요한 부분인 링크 태그와 이미지 삽입 태그에 대하여 공부해 봅시다.- HTML은 텍스트로 이루어진 문서이기 때문에 어떠한 미디어 파일도 포함하지 않습니다. 하여 모든 미디어 파일들은 각자의 태그를 이용해 소스의 위치를 지정해주어야 웹문서에 표시가 됩니다., , , 태그 살펴보기  OVERVIEWTagDescriptionMeaning클릭하여 다른 웹페이지로 이동하게 해주는 태그이며, 필수 속성으로는 href 가 있다. 이미지파일을 웹문서에 넣을때 사용하는 태그이며, 필수 속성으로는 src와 alt가 있다. 이미지, 표, 그래프 등 다양한 정보를 담고있는  미디어들을 묶어서 그룹 잡을 수 있는 태그이다. 태그와 함께 사..
Html 2024. 6. 10. 23:33
CSS - Syntax, CSS 어떻게 하는건지 살짝 봅시다잉~

CSS(Cascading Style Sheet)  CSS는 HTML 웹문서를 스타일링 하기위해 만들어진 언어입니다.Cascading은 '계단식'이라는 뜻인데, style의 선언문이 계속 겹쳐져 우선순위를 따르고 있는 모습을 표현 한 것 같습니다.CSS를 HTML문서에 적용시키는 방법은 총 3가지 입니다.Inline(인라인) 선언 방식 : 태그에 직접적으로 style이라는 속성(Attribute)을 이용하여 넣는 방법입니다. Javascript로 css를 제어할때에 인라인방식으로 적용됩니다. Internal(내부) 선언 방식 : ...-  HTML의 ...-  css폴더 아래에 style.css 파일로 만들어 HTML문서에 링크하는 방식입니다.- 이 방법이 프로젝트를 할때에 가장 많이 쓰이는 방식이며,..
CSS 2024. 6. 8. 19:12
TAG 06 - 미디어 및 기타 태그, <details>

HTML(Hyper Text Markup Language)   기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다.  01. Media 및 기타 태그TagDescriptionMeaning동영상 파일을 넣을 수 있는 태그이다. 오디오 파일을 넣을 수 있는 태그이다. 다른 웹문서를 현재문서에 창을 만들어 보여줄 수 있는 태그이다.종료태그가 있지만 컨텐츠를 포함할 수없으니 주의하자.  같이 사용된다. 태그 내에서 클릭가능한 요약 제목이다.1. Tag-  2. Tag-   3. Tag- 4. , Tag- 아래의 예제를 따라해 보세요See the Pen Html - by Jey Lee (@Jey-Lee-the-sasster) on CodePen.      본 문서는 제가 오랫동안 일해왔던 ..
Html 2024. 6. 6. 22:34
우리가 공부할 HTML tag list

HTML(Hyper Text Markup Language)  HTML 웹문서는 브라우저에서 읽을 수 있는 텍스트로 이루어진 마크업 언어입니다.일반 문서를 만들듯이 큰제목, 두번째 제목... 내용, 이미지, 섹션, 머릿말, 꼬릿말등 계층구조에 맞춰서 시각적인 요소와 상관없이도 계층구조가 맞게 마크업을 하는 것이 중요하고, 이것을 우리는 웹표준이라고 합니다.100% 웹표준이라는 말은 없습니다. 최대한 웹표준에 맞게 문법의 계층구조를 지키고, HTML요소 중 필수속성의 사용을 지키며, 위계를 지켜 마크업하는 것이 중요합니다.  기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다.  01. 영역의 의미를 정의하는 태그(Semantic Tag)TagDescriptionMeaning머릿말 태그로,태그의..
Html 2024. 6. 6. 17:45
이전 Prev 1 2 Next 다음