[HTML의 TEXT 요소] #03 HTML 텍스트 요소 – 중요성과 강조 표현 완전 정리
·
Web Front/HTML
안녕하세요, 토스트 데브입니다!오늘은 HTML에서 텍스트를 강조하거나 중요성을 표현할 때 사용하는 주요 태그들을 정리해보겠습니다.웹페이지의 내용 전달에서 텍스트의 강조는 의미를 부각시키고,웹 접근성을 높이며, 사용자의 주의를 유도하는 데 아주 중요한 역할을 합니다. 🔹 1. – 강한 중요성 강조 태그는 의미적으로 중요한 단어를 표현할 때 사용합니다.브라우저 상에서는 보통 굵은 글씨로 표시되지만, 단순한 스타일이 아닌 의미 전달이 목적입니다.주의: 이 작업은 되돌릴 수 없습니다.🔸 의미 중점: 단순히 굵게 보이게 하는 게 아니라, 해당 텍스트가 중요하다는 의미를 스크린 리더나 검색 엔진에도 전달합니다. 🔹 2. – 강조(강세) 표현 태그는 문장에서 강조하고 싶은 단어를 표현할 때 사용합니다.보..
[CSS] #02 CSS 기초이해, CSS 적용 방법 완벽 이해! 인라인, 내부, 외부 스타일시트 차이점과 실전 사용법
·
Web Front/CSS
안녕하세요, 토스트데브입니다!지난 시간에 CSS란 무엇인지, CSS의 역할에 대해 알아봤죠?오늘은 CSS를 실전에서 어떻게 적용하는지를 배워볼 차례입니다.즉, HTML 문서에 CSS를 어떤 방식으로 연결하고 적용하는가에 대한 내용이에요. 1️⃣ CSS 적용 방법이란?HTML은 구조(태그)를 만들고, CSS는 스타일을 입힙니다.그런데 CSS를 HTML에 적용하는 방법은 3가지가 있습니다:인라인(Inline) 스타일내부(Internal) 스타일시트외부(External) 스타일시트각 방법은 사용 목적과 상황에 따라 적절하게 선택됩니다.자, 하나씩 살펴볼까요? 2️⃣ 인라인 스타일 (Inline Style)📌 정의HTML 요소의 style 속성 안에 직접 CSS를 작성하는 방식입니다.✅ 예시이 문장은 인라..
[CSS] #01 CSS 기초이해, CSS란? 웹 디자인의 시작, CSS의 개념과 역할 완전 정복!
·
Web Front/CSS
안녕하세요, 토스트데브입니다!오늘은 웹 개발을 처음 접하신 분들이 꼭 알아야 할 CSS(Cascading Style Sheets)에 대해 알아보려 합니다.HTML과 함께 웹의 핵심을 이루는 기술인 CSS는 웹사이트의 디자인과 스타일을 담당하는 언어입니다."도대체 CSS는 왜 필요하고, 뭘 할 수 있는 걸까?"이 질문에 대한 답을 오늘 완벽하게 이해해보세요! 1️⃣ CSS란 무엇인가?CSS는 Cascading Style Sheets(계단식 스타일 시트)의 약자입니다.HTML이 웹페이지의 구조(뼈대)를 담당한다면, CSS는 그 구조에 색, 크기, 여백, 위치, 애니메이션 등을 적용하여 웹페이지를 예쁘게 꾸며주는 역할을 합니다.예시 비교안녕하세요안녕하세요이처럼 CSS를 사용하면 텍스트 색상, 크기, 정렬뿐 ..
[HTML 시작하기] #04 HTML 문서의 특수문자
·
Web Front/HTML
안녕하세요, 토스트 데브입니다! 지난 시간에는 HTML 문서의 기본 구조와 주석 작성 방법에 대해 알아보았죠? 오늘은 HTML 문서를 작성할 때 주의해야 하는 특수문자들에 대해 알아보겠습니다.왜 특수문자에 주의해야 할까?HTML에서는 일부 문자가 태그나 속성의 구분자로 사용되기 때문에, 콘텐츠로 직접 입력하면 문법 오류를 유발할 수 있습니다. 예를 들어 , " 같은 기호들은 HTML 태그의 시작과 끝, 속성 구분 등으로 사용되므로, 이 기호들을 실제 콘텐츠로 쓰고 싶을 때는 특수문자 코드로 변환해 주어야 합니다.HTML 특수문자 기본 구조HTML 특수문자는 다음과 같은 형식으로 작성합니다.&문자코드;시작 : &문자 코드 이름종료 : ;자주 쓰이는 특수문자 코드기호코드설명<less than (열린 꺾..