본문 바로가기
728x90
반응형

HTML기초2

💡 [IT 입문자를 위한 기술 지도]3편. HTML 태그 마스터하기 + CSS로 예쁜 레이아웃 만들기 실습 ✨ 왜 HTML 태그를 잘 알아야 할까?HTML은 웹페이지의 뼈대이자 언어의 문법이에요.아무리 스타일이 예뻐도, 기본 태그를 제대로 사용하지 않으면 검색엔진에 잘 노출되지도 않고, 시각장애인을 위한 스크린 리더에서도 웹 접근성이 떨어집니다.**“예쁘고, 구조적으로도 완성도 있는 페이지”**를 만들기 위해선 HTML 태그를 잘 다뤄야 해요.그리고 여기에 CSS 레이아웃 기술이 더해지면, 비로소 프로다운 웹페이지가 됩니다. 🔖 자주 쓰는 HTML 태그 베스트 10태그역할예시~제목(1~6단계)제목입니다문단본문 내용하이퍼링크https://naver.com">네이버이미지 삽입, , 리스트 (순서 없는/있는)항목구역 나누기(레이아웃용)내용인라인 스타일 적용강조사용자 입력데이터 제출 양식표 구성데이터🧱 HTML .. 2025. 4. 9.
💡 [IT 입문자를 위한 기술 지도]2편. HTML/CSS/JavaScript 기초 실습 – 나만의 웹페이지 직접 만들기! ✨ 왜 이걸 배워야 해?많은 사람들이 개발에 입문할 때 Python, Java 같은 백엔드 언어부터 배우려고 하지만, 눈에 보이지 않기 때문에 금방 지루해지고 포기하는 경우가 많아요.그런데 HTML/CSS/JavaScript는 내가 코딩한 결과가 즉시 화면에 보이기 때문에 재미와 성취감을 동시에 느낄 수 있는 최고의 입문 코스예요.오늘은 “정말 나도 만들 수 있을까?” 싶던 나만의 미니 웹페이지를 직접 만드는 경험을 해볼 거예요. 특별한 개발 도구 없이 메모장 + 브라우저만 있으면 시작할 수 있어요.🧱 웹페이지의 뼈대: HTMLHTML은 HyperText Markup Language의 약자예요.웹페이지의 구조를 만드는 언어이며, 문단, 제목, 이미지, 링크 등을 배치할 수 있어요.✅ 기본 구조 안녕하.. 2025. 4. 9.
728x90
반응형