본문 바로가기

HTML 속성

[웹] HTML/CSS #7 :: 실무에 자주 쓰이는 속성 속성들에 대해 좀 더 디테일을 알아볼 차례다. 모든 속성을 다 소개할 수는 없고 실무에서 자주 쓰이는 대표적인 속성들, 꼭 알아야 하는 것들만 알아보겠다. 그 외에는 그 때 그 때 필요할 때, 이 기능이 있으면 좋을 것 같단 생각이 들 때 검색을 활용하면 된다. 레퍼런스를 참고하거나. HTML 요소의 구조도 1. class 속성 a b c 가장 많이 쓰이는 속성 중 하나다. class는 말 그대로 클래스다. HTML 요소들을 일정 클래스로 분류하는 것. a, b, c 학생(요소)는 1반(클래스)으로 지정하고, d, e, f 학생(요소)는 2반(클래스)로 지정한다면 무엇이 편할까. 클래스는 CSS에서 해당 요소들을 선택하기 위해 사용하는 것이다. 즉 CSS에서 클래스를 선택하여 서식을 적용하면, 해당 클래.. 더보기
[웹] HTML/CSS #6 :: 속성이란? HTML 실습정말 쉬운 실습이건 진짜 시작이 반이다네이버로 가자 빠르게 진행하겠다. 속성은 태그를 보조해주는 역할이다. 태그는 사이에 태그 이름이 들어가 있는 단순한 구조다. 여기에 좀 더 많은 기능을 부여해주는 것이 속성이다. CSS를 통해 태그를 보조해주는 경우가 많지만, 디자인보다 '기능'에 가까운 쪽은 HTML 자체 속성을 활용한다. 위의 표 중에서 맨 아래 요소만 가져와보겠다. #에는 네이버의 메인 주소를 치면 된다. 네이버로 가자 위의 줄 전체, 즉 오프닝 태그부터 클로징 태그까지, 다시 말해 부터 까지를 모두 일컬어 HTML 요소(element)라고 부른다. 그리고 파란색으로 색칠한 와 를 앞선 포스팅에서 설명한 것처럼 태그라고 부른다. 그리고 오프닝 태그의 안에 담겨있는 주황색, 저게 속성.. 더보기
[웹] HTML/CSS #5 :: HTML 기본 태그와 속성 지난 번에 실습에서 사용한 태그는 아래와 같다. 이번 포스팅에서는 아래 태그들의 기능과 그 속성에 대해서 알아본다. 물론 추가적으로 몇몇 자주 사용되는 주요 태그와 그 속성에 대해서도 알아볼 것이다. HTML 실습 정말 쉬운 실습 이건 진짜 시작이 반이다 네이버로 가자 1. ~ 태그 위의 태그 중 과 을 보면 도 있음을 생각할 수 있다. 나아가 잘은 모르겠지만 나 , 까지도 있지 않을까 유추할 수 있다. 맞다. 태그는 부터 까지 있다. 그럼 이 태그는 무엇일까. h는 아마 headline의 약자일 것이다. 정확히는 모르겠지만 아마 맞을 거다. 헤드라인, 즉 제목이다. 즉 문서 내에서 제목을 표시해주는 태그다. 그럼 뒤의 숫자는? 크기다. 이 가장 크고 이 가장 작다. 직접 알아보자. 에디터를 켜고 다음 .. 더보기