HTML/CSS/JS/SASS
1.HTML
웹페이지 만들때 모든 요소는 태그 안에 넣는다.일부 태그는 속성 기입가능태그 안에 태그도 가능HTML style=” “ (font-size: 16px, font-family: , color: 등등)P태그 안에 span태그 를 통해 글자 일부를 스타일링 하는데 사용가능
2.CSS의 주요 속성과 사용법
주요 CSS 속성과 그 사용법에 대해 알아보자.justify-content 속성: Flexbox나 Grid 컨테이너에서 아이템들을 수평 방향으로 정렬할 때 사용됩니다.주로 center, flex-start, flex-end, space-between, space-aro
3.HTML 기본 문법과 시맨틱 태그의 중요성
HTML(HyperText Markup Language)은 웹페이지의 구조와 내용을 정의하는 마크업 언어입니다. HTML 문서의 기본 구조는 다음과 같습니다.<!DOCTYPE html>: HTML5 문서임을 선언합니다.<html>: HTML 문서의 루트 요소
4.HTML5 기본 태그 알아보기
HTML5는 웹 문서를 구조화하고 표현하기 위한 마크업 언어입니다. 이 글에서는 웹 페이지를 구성하는 데 필수적인 기본 HTML5 태그들을 소개하고자 합니다.<!DOCTYPE> 태그는 웹 페이지의 HTML 버전과 타입을 브라우저에게 알려주는 역할을 합니다. 반드시
5.HTML5의 다양한 텍스트 태그들
웹 페이지를 구성할 때 텍스트는 매우 중요한 역할을 합니다. HTML5에서는 텍스트를 표현하고 의미를 부여하기 위한 다양한 태그들을 제공하고 있습니다. 이 포스팅에서는 제목, 본문, 글자 형태 등을 나타내는 주요 텍스트 태그들에 대해 자세히 알아보겠습니다.제목 태그는
6.HTML에서의 하이퍼링크와 관련 요소들
하이퍼텍스트의 핵심 개념인 하이퍼링크(Hyperlink)는 HTML에서 매우 중요한 역할을 합니다.하이퍼링크를 통해 웹 페이지 간의 연결이 이루어지고, 사용자는 이를 통해 웹을 자유롭게 탐색할 수 있게 됩니다. 이번 포스팅에서는 HTML에서 하이퍼링크를 구현하는 방법과
7.HTML의 목록(List)와 표(Table) 형식 태그 - ul, ol, li, table
웹 페이지에서 정보를 구조화하고 시각적으로 표현하는 데 있어 목록과 표는 매우 중요한 역할을 합니다. HTML에서는 이를 위해 <ul>, <ol>, <li>, <table> 등의 태그를 제공하고 있습니다. 이번 포스팅에서는 이러한 태그들의 사용 방
8.HTML5의 이미지와 멀티미디어 태그
웹 페이지에서 이미지와 비디오, 오디오 등 멀티미디어 요소를 다루는 것은 매우 중요합니다. HTML5에서는 이러한 멀티미디어를 쉽게 삽입하고 제어할 수 있는 태그들을 제공하고 있습니다.이번 포스팅에서는 <img>, <audio>, <video> 태그를
9.HTML5의 사용자와 상호작용하기 위한 - Forms 요소
웹 페이지에서 사용자로부터 입력을 받고 서버에 데이터를 전송하는 것은 매우 중요한 기능입니다. HTML5에서는 이를 위해 다양한 폼 요소를 제공하고 있습니다. 이번 포스팅에서는 <form>, <input>, <select>, <textarea>,
10.HTML5 태그 - 구조(Structure)
효과적인 웹 레이아웃을 만들기 위해서는 웹페이지의 공간을 분할할 필요가 있습니다. 과거에는 주로 테이블을 사용했지만, 모던 웹 디자인에서는 주로 div 요소를 사용합니다. 그러나 div 태그는 의미론적 의미를 전달하지 않기 때문에, HTML5에서는 시맨틱 태그를 도입하