✨ Front-end67 CSS - style태그와 태그선택자, div와 class 선택자 CSS 내용은 반드시 style 태그 안에 작성해야한다. 디자인을 변경 하려면 우선적으로 디자인을 변경할 태그를 선택하여 적용할 수 있다. 이러한 태그 선택하는 방법을 '선택자'라고 한다. 태그선택자 : 해당 문서 안의 모든 동일 태그에 디자인 적용. HTML 삽입 미리보기할 수 없는 소스 style은 반드시 html의 안에서 사용해야하며, title밑에 작성해야한다. h1{ } 이라는 태그를 이용하여 body에서 사용했던 h1의 텍스트를 꾸며줄 수 있다. HTML 삽입 미리보기할 수 없는 소스 로 사용된 곳을 꾸며주고 싶다면 style로 들어가 CSS를 적용시켜줄 수 있다. 문법은 id선택자는 #을 이용한다. #frist{ } 와 같이 사용이 가능하며, class선택자는 . 을 이용할 수 있다. .bl.. 2023. 2. 9. HTML - table과 div의 사용법 table과 div태그는 HTML을 하면서 굉장히 많이 볼 친구들이다. 아주 중요한 내용이며 이해해야 코드를 보는데 보다 쉽게 이해할 수 있을 것이라고 생각한다. HTML 삽입 미리보기할 수 없는 소스 위 코드를 실행해보면 아래와 같은 그림이 웹사이트에 만들어진다. 코드는 body다음인 8번째 줄, table부터 시작된다. border="1'을 주어 table의 생김새를 파악해주었다. 9번째 줄, 16번째 줄, 28번째 줄에 있는 thead와 tbody, tfoot은 table의 제목, 본문, 꼬리말을 표현한 태그이지만 사용하지 않아도 무방하다. table은 먼저 이라는 행을 선언하면서 시작된다. 이후 를 이용하여 열을 만들어준다. td대신 제목을 넣을 땐 를 넣어도 무방하다. th를 넣을 시 자동으로 .. 2023. 2. 8. HTML - 이미지, 링크, input, 개행<br>, 문자<p> 기초 HTML은 웹을 개발하는데 있어 가장 기초적인 것이다. HTML 삽입 미리보기할 수 없는 소스 html을 작성할땐 7번째 줄의 부터 31번째 줄의 까지 사용한다. 10번째 줄의 를 통해 첫번째 박스에 보이는 환풍을 입력할 수 있는 텍스트 박스를 만들 수 있다. 11번째 줄의 는 두번째 박스와 같이 비밀번호를 치면 암호화처럼 나타난다. 12번째 줄의 는 오른쪽에 마우스를 가져다대면 위 아래 버튼이 나온다. 클릭시 증가및 감소한다. 13번째 줄의 는 달력이 나오며 날짜를 선택할 수 있다. 14번째 줄의 는 눌러보면 색을 볼 수 있는 창이 만들어진다. 각 줄마다 이라는 태그는 강제 줄 개행이라는 의미이다. 16번째 줄의 이라는 것은 버튼을 생성하여 버튼안의 글씨를 확인으로 채우는 것이다. 17번째 줄의 는 네.. 2023. 2. 8. 이전 1 ··· 14 15 16 17 다음
