TIL DAY 01 : 생활코딩강의

김기욱·2020년 6월 19일
0

TIL

목록 보기
1/11
<H1> : 제목태그
<H1>~<H6>까지 존재한다

<u> : 밑줄태그
<strong> : 글씨 진하게
<BR> : 줄바꿈 </BR>붙일필요없음

<P> : 줄바꿈 </P>가필요하며 
<P style="margin -top:45px;>
같이 세부적으로 줄바꿈 간격 조절가능

<img src="이미지 주소">
이미지 퍼오기 가능
<img width = "50%">
사진 전체크기 조정
width 와 src는 태그가 아니라'
속성(attribute)'이다

속성이란 태그에 더할 수 있는 부가적인 문법

<parent>
 <child></child>
</parent>

포함하는 태그(부모태그)
포함되어있는 태그(자식태그)

<ul> <ol> : unordered list / ordered list
부모태그(ol은 숫자를 쓰지않아도 자동넘버링)
<li> : 자식태그
목차를 만드는데 쓰이는 태그

<title> : 제목설정, 본문의 제목이 무엇인지 설명
<meta charset="utf-8"> : utf-8형식으로 바꿔줌

문서의 구조를 작성하는데 쓰이는 태그들

<!doctype html> : '이 페이지는 html'로 구성되어있습니다라는 뜻
<html> : 제목, 본문을 모두 포함
<head> : 제목부분
<body> : 본문부분



<a ref="주소"> : 링크를 걸어주는 태그 
 target="_blank" : 링크접속시 새창으로 띄워줌
 title : 링크걸린 텍스트/이미지 위에 커서를 올릴시 툴팁을 띄워줌

다양한 꿀팁

1. Unsplash : 무료 HD이미지 웹사이트
2. 멀티커서(한번에 편집하기)
Ctrl + D : 커서위치를 시작으로 같은 단어를 연속해서 선택
Ctrl + Alt + Up/Down : 위/아래로 커서 추가
( 인텔 내장그래픽 단축키와의 충돌 때문에 Shift도 같이 누르는게 좋음. Ctrl + Shift + Alt + Up/Down )
Alt + LMB : 클릭된 위치에 커서 추가
ESC : 선택 취소 (=다중선택모드 종료)
3. DISQUS : 댓글추가해주는 사이트

profile
어려운 것은 없다, 다만 아직 익숙치않을뿐이다.

0개의 댓글