본문 바로가기
반응형

태그6

CSS | 요소(Element)와 클래스(Class)의 차이 ⭕ CSS | 요소(Element)와 클래스(Class)의 차이➡️ 요소 (Element)HTML 요소는 웹 페이지의 구조를 정의하고 의미를 담당합니다. 이러한 요소들은 특정 태그로 표현되며, 웹 브라우저에 어떻게 내용을 표시할지 알려줍니다. , , , p { color: blue;}➡️ 클래스 (Class)클래스는 HTML 요소에 스타일을 적용하기 위해 사용되는 식별자입니다. 클래스는 점(.)으로 시작하며, 하나 이상의 요소에 재사용 가능한 스타일을 정의할 수 있습니다. .menu, .header, .footer.menu { background-color: #333; color: white; padding: 10px;}.header { font-size: 24px; fo.. 2024. 5. 16.
리액트 네이티브 React Native | JSX와 XML 마크업 언어 ⭕ 리액트 네이티브 React Native | JSX와 XML 마크업 언어리액트 네이티브(React Native)는 모바일 애플리케이션을 개발하기 위한 프레임워크로, XML 마크업 언어를 사용합니다. XML은 HTML의 부분집합으로, 태그나 속성을 자유롭게 확장할 수 있어 HTML보다 유연한 구조를 가집니다. ➡️ JSXJSX는 리액트 네이티브에서 사용되는 문법으로, JavaScript XML의 약자입니다. JSX는 JavaScript로 XML 형식의 코드를 작성할 수 있게 해줍니다. HTML과 달리 XML은 태그 이름을 자유롭게 정의할 수 있습니다 ➡️ 마크업 언어 문법마크업 언어의 기본 문법은 시작 태그와 끝 태그로 이루어집니다. 시작 태그는  형식으로 작성하고, 속성을 가질 수 있습니다. 속성은 항.. 2024. 3. 20.
HTML 태그: 웹 개발의 기본, 태그의 중요성과 활용법 ✅ HTML 태그HTML 문서는 웹 페이지를 작성하기 위한 기본적인 구성 요소인 "태그"를 사용합니다. 태그는 주로 열리는 태그(opening tag)와 닫히는 태그(closing tag)로 구성되며, 닫히는 태그에는 슬래시("/")가 붙어 구분됩니다. 태그는 요소들을 정의하고 웹 페이지의 구조를 형성하며, 중첩하여 사용하여 여러 요소를 묶을 수 있습니다. 💡 W3C(The World Wide Web Consortium): 웹 기술 표준의 중심W3C는 국제적으로 웹 기술을 표준화하는 단체로, HTML 태그의 예제와 정의를 제공하는 공식 홈페이지를 운영합니다. 이 사이트에서는 예제를 통해 태그의 사용법을 시각적으로 이해할 수 있으며, 이론적인 내용을 학습하는 데 도움이 됩니다. 두 가지 학습 방법 모두 .. 2023. 11. 7.
HTML과 퍼블릭 도메인: 웹의 언어 ✅ HTML: HyperText Markup LanguageHTML은 웹페이지를 생성하는 언어로, 웹의 기본 구조를 정의하는 중요한 역할을 합니다. HTM은 "HyperText"와 "Markup Language"의 약자로, 하이퍼텍스트를 생성하고 구조화하는 데 사용됩니다. 하이퍼텍스트는 텍스트, 이미지, 링크 등 다양한 미디어 요소를 포함할 수 있는데, 이를 웹페이지 내에서 연결하고 표현하기 위해 HTML을 사용합니다.HTML 문서는 태그(tag)로 이루어져 있으며, 이 태그들은 컴퓨터와 브라우저에게 웹페이지의 구조와 내용을 설명합니다. 예를 들어, , , ,  등의 태그를 사용하여 웹페이지의 제목, 본문, 이미지, 스타일 시트 등을 정의할 수 있습니다. HTML은 웹 개발에서의 기초 중 하나이며, 웹사.. 2023. 11. 7.
웹 구조 WEB | 스타일 시트 CSS, Cascading Style Sheets ✅ 스타일 시트 CSS, Cascading Style Sheets스타일 시트 CSS, Cascading Style Sheets는 웹 페이지의 외관을 표현한다.웹 페이지의 디자인으로써 레이아웃, 텍스트 장식, 배경 등을 표현한다. CSS는 페이지 수가 많은 HTML 파일 코드를 간소화하는 데 유용하다.각 페이지마다 스타일을 정의할 경우 번거롭다. HTML 파일에서 CSS 파일을 참조하는 태그를 사용하여 연결한다. CSS 대신 Bootstrap 프레임워크나 Sass를 이용하기도 한다. 2023. 2. 9.
웹 구조 WEB | HTML, Hyper Text Markup Language | 하이퍼텍스트, 하이퍼링크, 태그 예시 ✅ HTML, Hyper Text Markup Language웹 페이지는 하이퍼텍스트로 작성되고는 하이퍼링크를 사용하여 이동한다. 💡 하이퍼텍스트HTML은 하이퍼텍스트를 기술하기 위한 언어이다.HTML은 태그라는 마크를 사용한다.마크로 문서 구조를 표현하기 때문에 HTML을 마크업 언어로 부른다. 태그 예시a: 하이퍼링크br: 줄 바꿈h: 표제header: 도입부hr: 밑줄img: 이미지 삽입meta: 페이지 설명p: 문장section: 페이지 각각table: 테이블 구조title: 타이틀 HTML로 작성한 페이지의 확장자는 html이나 htm이다. 💡 하이퍼링크 hypertext reference 약자 herf로 부른다. 2023. 2. 9.
반응형