TIL

박스 모델 (Box model) HTML 요소는 박스 모양으로 구성되며 이를 박스모델 이라고 부름 패딩 테두리 마진 내용 으로 구분함 요소 설명 내용(content) 텍스트나 이미지가 들어있는 박스의 실질적인 내용 부분 패딩(padding) 내용과 테두리 사이의 간격. 눈에 보이지 않음 테두리(border) 내용과 패딩 주변을 감싸는 테두리 마진(margin) 테두리와 이웃하는 요소 사이의 간격. 눈에 보이지 않음 Padding, Borders left, right, top, bottom 으로 각각 지정할 수 있음 폰트 (Font) Font-family 사용하고자 하는 폰트를 먼저 지정하고 해당 폰트가 적용 안될 경우, 그 다음 폰트를 적용 안녕하세요 Hello World! 안녕하세요 Hello Worl..

CSS (Cascading Style Sheet) 웹 문서의 전반적인 스타일을 미리 저장해둔 스타일 시트 CSS 부여 방법 인라인 스타일 (Inline style) html 태그에 붙여서 사용하는 방식 Heading 1 Heading 2 내부 스타일 시트 (Internal style sheet) head 에 집어 넣는 방식 외부 스타일 시트(External style sheet) 링크를 이용하는 방식 /* style.css 파일 */ h1 { color: blue;} 스타일 적용 우선 원칙 Inline Internal 혹은 External CSS 선택자 (selectors) 아이디 (id) 특정 요소를 선택. 특정 이름을 가지는 요소만 선택하여 적용함 Heading 1 Heading 2 태그명 (tag)..

HTML 텍스트 제목 (Heading) 페이지의 타이틀 표시 내용1 내용2 ... 내용 단락 (Paragraph) 표시할 글의 한 단락을 표시 단락 시작시 줄이 바뀌지만, 내용에서 줄을 바꿔도 변하지 않음 줄바꿈 (Line Break) 브라우저 화면 표시시 줄 바꿈. 시작 태그만 있고 종료 태그는 없음 가로선 (Horizontal Rule) 수평으로 가로선. 시작 태그만 있고 종료 태그는 없음 강조 (Boldface) 텍스트의 특정 부분 강조 이 의미적으로 보다 강조 됨 기울임 (Italic) 이탤릭체로 기울여 표시 도 기울여서 표시하나 강조(emphasize)의 의미를 지님 부등호 기호 는 태그에 이용되기에 특수한 방법으로 작성함 ＆lt; ＆gt; HTML 링크 앵커 (Anchor) '링크'..

HTML 이란 웹 문서 서식 표준 Hypertext Markup Language Hyperlink : 문서 연결 기능 Text : 웹 문서 Markup : 서식을 표현하기 위해 tag를 사용하여 표시 HTML 기본 구조 My cat is very grumpy = Opening tag, = Closing tag My cat is very grumpy = Content My cat is very grumpy = Element TCPschool.com p = 태그 이름, class = 속성명, "para" = 속성값 = Opening tag, = Closing tag TCPschool.com = Content HTML 문서 구조 # 현재 문서가 HTML5 문서임을 명시 # HTML 문서의 루트 root 요소를..

Git 명령어 깃 저장소 생성 git init 상태 확인 git status 깃으로 관리 하도록 추가 git add 'file name' 변경사항 커밋 git commit -m "my message" git log 확인 git log commit 수정 git commit --amend 원격 저장소에 업로드 git push # 원격저장소 연결하는 작업이 선행되어야 함 git remote add origin 'Github 레포지토리 주소' # 로컬 저장소에 원격저장소 등록하기 git branch -M main # 현재 브랜치를 main으로 강제 이동시키기 원격 저장소와 로컬 저장소 동기화 git pull Git ignore .gitignore : 관리에서 제외할 파일 목록을 지정하는 파일 파일이름.확장자 :..