[HTML/CSS] 표 그리기 <table> <tr> <th> <td> border 테두리 제목1 제목2 내용1 내용2 ㅎㅎ ㅋㅋ 웹개발을 하다보면 빠질 수 없는게 저러한 형태의 표. 테이블이다. 게시판 뭐 뭐 아무튼 등등 많이 쓰이는데 아무튼 잘 모르겠고 알아보자. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 제목1 제목2 내용1 내용2 ㅎㅎ ㅋㅋ cs 맨 위에 테이블은 위에 코드로 작성했다. html은 1행 : 은 뭐 테이블을 의미한다. 표. border="1" border는 테두리 선을 그려준다. 굵기를 1로 잡아줬다. border를 빼고 작성하면 아래와 같이 그려진다. 제목1 제목2 내용1 내용2 ㅎㅎ ㅋㅋ 2행 : th나 td가 안에 들어갈 수 있으며 한 행을 의미한다. 위에는 을 세개를 작성해서 총 3행이 있다. 3, 4행 : table의 head 제목이다. 안에 2021. 8. 21. [HTML/CSS] 시작 <head> <body> <h> <p> <a> 맛보기 HTML 에이치티엠엘 HyperText Markup Language 있어보이려면 알아둬도 좋지만 몰라도 상관없다. 아무튼 웹페이지를 그리는 언어이며 이 블로그 또한 HTML언어로 이루어져 있다. 더럽게 하기 싫은 공부지만 하나하나 차분히 해보려 한다. VS Code로 html공부를 할 것이므로 없으면 설치하길 권장. 다른 툴도 있지만 널리 주로 쓰이는 툴을 사용하는게 편하다. VS Code에서 우선 .html파일을 생성한다. 그리고 html:5 를 입력하고 여기서 tab 을 누르면 이쁘장한 기본 틀이 완성된다. 크게 보면 태그와 태그가 있다. 머리와 몸이다. 이 태그들을 태그가 감싸고 있다. 그렇구만.. html에는 자바 스크립트, css 등등도 작성을 하는데 보통 head에 작성한다. 물론 body에 .. 2021. 5. 7. HTML&CSS Visual Studio Code 기본 설정 (쓸만한 확장 설치) 응당... 웹개발자라 함은 퍼블이 아니라 하더라도 기본적인 html/css는 알아야 한다. 그래야 하지만 제일 귀찮다고 생각하기도 한다. 아니 뭐 씨 프로그래밍은 오류라도 띠용해서 이거 안됨! 이러는데 html/css는 아니 나 그렇게 안될껀데? 하면서 이유도 안알려주고 괘씸하게 적용이 안된다. 뭐 아무튼 어떻게든 이리저리해보면 되겠지만.... 아무튼 html/css 공부를 시작하기 전에~ VS code를 설치하면 된다. code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging moder.. 2021. 5. 6. 이전 1 다음
