html
![[HTML, CSS][5]Css Style Sheet, Selector[스타일 시트, 선택자]](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FCZ1oE%2Fbtq8gwYvRA4%2FJtbepykdZljMLZvpjbCcjK%2Fimg.png)
[HTML, CSS][5]Css Style Sheet, Selector[스타일 시트, 선택자]
목차 - 내부 스타일시트 - 외부 스타일시트 - 인라인 스타일시트 - 전체 선택자 - 태그 선택자 - 아이디 선택자/클래스 선택자 - 그룹 선택자 - 상속 - 인접 형제 선택자 - 일반 형제 선택자 - 하위 선택자 각각의 특징들의 형태를 알아보자 ! 를 입력하고 Ctrl + Tab을 입력하면 자동완성이 된다. 내부 스타일시트의 모습 인라인 스타일시트 외부 스타일 시트 전체 선택자 * 태그 선택자 아이디 선택자 / 클래스 선택자 # /. 그룹 선택자 Tips 여러 선택자를 같이 선언할 수 있다. 스타일시트 특성 - 상속 성 div안에 다 일괄 적용 가능하다! 상속성 인접 형제 선택자 일반 형제 선택자 하위 선택자 경로상 부모를 지정하고 바로 아래를 지정할 때 사용
![[HTML][2]HTML4 Table[테이블 실습]](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fd7CjOs%2Fbtq8brDrxBq%2FcoGhTkYbdh5M9ZhFZq8ALK%2Fimg.png)
[HTML][2]HTML4 Table[테이블 실습]
목차 - html 생성 단축키 - tr/td 자동완성 기능 - Live Server 설치 - 테이블 실습 HTML4 Table로 구조를 짜는 것은 현재 사용하지 않는 기술입니다. 그것을 감안하고 봐주세요! HTML5에서 Table은 표를 만들 때에만 사용합니다. 예전에 이렇게 틀을 잡았다. 개발할 때 틀을 잡는다는 정도만 알면 좋을 것 같습니다. html 생성 단축키 Html을 입력을 하면 밑에 3줄이 뜨는데요 하나씩 한번 눌러보면 입력하지 않아도 아래 사진들과 같이 한 번에 완성이 됩니다. html:5 html:xml html Live Server 설치 Live Server라는 것을 install 하면 실시간으로 구현되는 모습을 확인할 수 있습니다. 그리고 아까 설치했던 것을 실행시켜줍니다. tr/td..
![[HTML][1]HTML4 Tags[기본 태그]](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbNf8zl%2Fbtq73cmQt7H%2FprcpAAxtxyOsB6I9wGjZ5k%2Fimg.png)
[HTML][1]HTML4 Tags[기본 태그]
목차 - Html 기본 태그 - table 태그 Html이란? HTML(Hypertext Markup Language)은 웹 페이지와 그 내용을 구조화하기 위해 사용하는 코드입니다. 우리가 웹페이지를 제작을 할 때, 건물의 골재에 해당한다고 생각하면 됩니다. 코드를 감싸는 구조이기 때문에 그 안에 코드를 작성할 수 있습니다. Html은 프로그래밍 언어가 아닙니다. 콘텐츠의 구조를 정의하는 마크업 언어입니다. Html은 콘텐츠의 서로 다른 부분들을 씌우거나(wrap) 감싸서(enclose) 다른 형식으로 보이게 하거나 특정한 방식으로 동작하도록 하는 일련의 요소(elements)로 이루어져 있습니다. 여는 태그(opening tag) 닫는 태그(closing tag) 콘텐츠(content) 요소(eleme..