- HTML은 구역과 텍스트를 나타내는 코드
- CSS는 잡은 구역을 꾸며주는 것
- head안에는 페이지의 속성 정보를 담음
meta, script, link, title, style
- body안에는 페이지의 내용을 담음
<<HTML 기본 코드들>>
구역분류 태그
1) <div> 구역 나누기(묶기) division
2) <p> 문단 나누기(묶기)
3) <ul> 안에 속한 <li> 리스트들
구역 안에 들어간 콘텐츠 태그들
1) <h1>제목 <h1~6>
2) <span> 글자 일부분 꾸미기 태그
특정 <span style="color:red">글자</span>를 꾸밀 때 써요
주로 <div>와 <p>태그와 함께 웹페이지의 일부분에 스타일을 적용시키기 위해 사용됩니다.
span 태그안에 아무런 컨텐츠가 없다면 해당 부분은 아무런 변화가 없지만
span태그 내부에 객체가 들어가면 그 객체의 크기만큼 공간이 할당이 됩니다.
<span>태그로 요소를 감싸면 CSS나 Javascript로 그 부분을 변형시키는것이 가능해 집니다.
---> :D div 와 span모두 구역을 분할하는 태그.
분할함으로써 별도 속성 지정 가능.
div는 block element(한줄 차지. 줄바꿈됨)
span은 inline element(요소 만큼만 차지. 줄바꿈X)
3) <a> 하이퍼링크 태그
4) <img> 이미지 삽입 태그
5) <input> 입력란 만들기. 박스생성
input 태그입니다: <input type="text" />↓
6) <button> 버튼 태그. 사이에 버튼에 들어갈 문구 넣음.
button 태그입니다: <button> 버튼입니다</button>↓
7) <textarea> 크기 조절되는 입력란 만들기. 사이에 기본적으로 들어가있는 문구 넣음.
textarea 태그입니다: <textarea>나는 무엇일까요?</textarea>↓
8) <hr>은 무슨태그인가 ---> 쭉 늘어나있는 가로선 생성. css로 꾸미기 가능.
'웹개발 종합반' 카테고리의 다른 글
| <script>에 입력하는 움직임기능태그 javascript 기초 (0) | 2022.08.01 |
|---|---|
| CSS로 모바일처리 하기 (0) | 2022.07.29 |
| CSS 모음집 부트스트랩 활용 (0) | 2022.07.29 |
| CSS로 폰트 입히기 (0) | 2022.07.27 |
| <style>에 입력하는 꾸밈태그 CSS 기본 (0) | 2022.07.27 |