html
-
예제로 쓸 HTML TABLEHTML & CSS 2020. 8. 6. 10:39
예제로 쓸 TABLE을 만들어보자 간단하게만 하면 제목을 나타내는 게시판는 표기할 필요가 없다고 생각해서 d-none클래스를 주었다. (css에선 display:none) 그밖에는 뭐 딱히... DOCTYPE html> Document 게시판 번호 제목 글쓴이 작성일 조회수 1 제모옥 작성자 2020-02-02 1 2 제모옥 작성자 2020-02-02 2 .table 에서는 간격을 없애려고 사용했다. (지워보면서 확인하면 이해하기 쉽다.) text-align는 텍스트를 가운데로 tr td:nth-child(2)는 tr밑에 두번 째 td라는 말이다. html{ height:100%; } body{ margin: 0px; height:100%; } .main{ height:100%; width: 100%; ..
-
HTML 태그HTML & CSS 2020. 7. 27. 23:34
모든 태그는 다 못할 것 같고 자주 쓰이는 것만 하겠당.. 제목태그 본문의 헤드라인 요소 ↓실행시 화면 태그 (텍스트를 감싸는태그) 태그 (줄바꿈 태그) ↓실행시 화면 태그는 문단태그로 텍스트를 감싸줍니다. 텍스트는 따로 태그를 안해줘도 되지만 명확하게 하기 위해 태그를 사용 할 수 있습니당. 해당부분은 컴퓨터가 읽지 않는다 (사람만 알아듣는 설명이라고 생각하면 된다.) p태그를 사용한 첫 번째를 실행하면 보기와 같이 영역이 나뉘어지며 두 번째는 텍스트상에선 줄바꿈이 되었지만 컴퓨터는 인식을 하지 못하기 때문에 한줄로 표기됩니다. 세 번째는 태그로 줄바꿈을 해주었기에 그림과 같이 표기가 됩니다. 목록 태그 , , ↓실행시 화면 ul은 순서가 없는 목록 태그이며 ol은 순서가 있는 목록 태그입니다. 실행화..
-
HTML 이란?HTML & CSS 2020. 7. 27. 22:04
HTML ?? HTML이란 Hyper Text Markup Language의 약어 웹을 구성하는 가장 기본적인 언어이다 (뼈대와 같은) HTML 구조 전 글에서 만든 HTML에서 봐보자 HTML에서 사용하는 명령어는 태그(tag) 를 사용해 나타낸다. 일반적으로 태그는 여는태그와 닫는태그의 구조를 가진다 ex ( ) 예외적으로 닫는태그가 없을 수 있다 . ex ( ) 문서의 시작이라고 보면 된다. lang="en" (웹문서 전체의 언어를 설정한다고 보면된다. UTF-8로 변경예정) 단어의 뜻과 같이 문서의 머리글 이라고 보면된다. 웹의 내부정보라고 보면 된다. (charset=인코딩문자지정 , name = 메타정보의 이름 지정 , content = 메타정보의 내용 지정) 문서의 제목이다. 문서의 내용 시..
-
Visual Studio Code 설치HTML & CSS 2020. 7. 27. 21:33
Visual Studio Code 란? Microsoft에서 만든 코드 편집기 다양한 플랫폼에서 무료로 사용가능 가벼워 빠르게 사용가능 본인은 HTML / CSS를 비쥬얼 스튜디오 코드로 진행할 예정입니다. 설치방법 https://code.visualstudio.com/ 에서 본인 OS에 맞는 설치파일을 다운로드 다운로드 후 경로설정 정도 해주고 넘기면 된당 Open folder..를 해주자 본인 파일을 저장할 곳을 지정해주자 본인은 로그인 예제부터 할 예정이기에 NewFolder로 css/html 폴더를만들고 안에 내용물도 만들어 주자 login.html 파일에서 느낌표를 하나 쳐주고 엔터를 눌러주자 HTML 형식이 완성될 것이며 body 안에 첫 HTML라는 문구를 써보자 저장(Ctrl + s)후 폴..