본문 바로가기

프론트엔드/HTML | CSS

(3)
HTML (3) 5. 목록 생성 5-1. 순서가 없는 목록 ul태그는 list정의할 때 사용하는데 무조건 li태그와 같이 쓰인다. 사과 부사 홍로 후지 바나나 파인애플 실행 화면 5-2. 순서가 있는 목록 망고 용과 토마토 실행 화면 6. 경로 6-1. 절대 경로 경로를 처음부터 끝까지 다 적음 구글 target은 링크를 클릭했을 때의 위치를 명시하는 것인데 "_blank"는 새로운 창에서 띄우고 "_self"는 현재 위치한 창에서 띄운다 그리고 "_self"는 기본 값으로 설정되어 있기 때문에 굳이 값을 줄 필요가 없다 6-2. 상대 경로 현재 폴더(파일) 위치를 기준으로 상대 폴더(파일)의 위치를 지정 첫번째 웹 - 상대경로 부모폴더의 웹 페이지 6-3. 메일 경로 해당 주소로 메일 전송 mailto 사용) 이메일이..
HTML (2) 4. 살짝의 CSS와 JS 맛보기 제일 처음엔 head태그 내 link태그와 script태그는 지웠다고 했었는데 이번엔 넣고 사용해 볼 것이다. 코딩 HTML Hello, HTML5 외부에서 가져온다는 건 같은 폴더에 위치해 있지만 같은 파일 내에서 안 쓰고 다른 파일을 현재 파일로 가져온다는 뜻이다. fe04_scriptweb.html파일에 가져올 외부 파일들은 myscript.js와 mystyle.css 파일이다. CSS h1{ color: #FFFFFF; background-color: black; } 사용방법은 내가 꾸며주고 싶은 태그에 여러 속성들을 넣어준다. 외부 스타일 시트 사용하기 같은 파일에서 쓴게 아니라면 꼭 html파일에서 css파일을 불러줘야 스타일 적용이 된다. head태그 내에서..
HTML (1) 1. D2Coding 설치 https://github.com/naver/d2codingfont GitHub - naver/d2codingfont: D2 Coding 글꼴 D2 Coding 글꼴. Contribute to naver/d2codingfont development by creating an account on GitHub. github.com 사이트에 들어가서 조금만 내리면 다운로드가 보이는데 Ver 1.3.2로 들어가서 다운하면 된다. 다운 받고 압출 풀면 3개의 폴더가 나오는데 그중 D2CodingAll 폴더에 들어가서 하나있는 폰트를 모든 사용자용으로 설치하면 된다. 혹시나 모든 사용자용으로 설치가 없으면 설치 누르면 된다. 설정으로 들어가서 글꼴을 D2Coding으로 바꿔준다. 2. H..