2023. 11. 15. 09:38ㆍ1단계) 쌩초보 코딩 HTML,CSS
1. 이메일 저장
2. 블로그에 저장
캡쳐도구 : window + shift + s
https
s의 의미는 '보안'
No s site->fishing site
연습은 다른사람걸 보고 따라하는걸로 연습'하기
62p 참고!
F11 전체화면
F12 개발자도구(다음... -> 기타도구 ->개발자도구) -> 요소
위에는 뼈대
아래는 스타일
메모장에서 하면 수정이 번거로워서
에디터 따로 사용
VSCode 프로그램 활용
다양한 언어 추가해서 이용 가능
한글어 패치 방법 : extension , sercher 동시 선택
**
Vscode
파일명 설정시.
파일명.확장자
ex)연습.html
위에 보면 검은동그라미 표시는 저장안됬다는 의미
ctrl+s = save
extension 설치
목적 : 작성하기 쉽게
-HTML downlord
-LIve server downlord
목적 : 다양한 아이콘활용
-material icon theme downlord
목적: HTML의 태그들 쌍 놓치는 부분 보완하는 기능
Auto closed tag downlord
목적 : 줄간격 설청
prettler code downlord
코딩입력후
코딩 결과 확인 방법 : 파일제목 오른쪽마우스 클릭 open with Live server click
<h1> 큰 글씨 사이즈
*with liver server 장점
-하나의 작은 서버
-수정할때마다 자동 갱신 반영되서 수시로 체크가능
*파일로 더블클릭한 경우
-수정사항이 자동갱신 안됨
-----------------------------------------------------------
정리
1. http와 https에 대해
https는 보안되어있어 안전
http는 보안되어있지 않아서 아이디,비번 주의
2.디지털디자인 (html,CSS)이란 무엇인가?
브라우저 통해 접속시 보이는 웹화면 ex) naver,daum
3. F12 활용한 코드확인 (48-49p)
4. VScode 설치( 29p )및 확장 (63~64p)
5.vscode 화명설명(60-63p)
6.html 태그 사용 연습
더보기->소스블럭 or html 블럭
<html>
<head></head>
<body>
<h1> 비전공자를 취한 첫 코딩챌린지</h1>
</body>
</html>'1단계) 쌩초보 코딩 HTML,CSS' 카테고리의 다른 글
| 2023.11.22 [css시작2] (1) | 2023.11.22 |
|---|---|
| 2023.11.21 [css 시작1] (2) | 2023.11.21 |
| 2023.11.20 [상자박스 및 메뉴판 만들기2] (2) | 2023.11.20 |
| 3. 2023.11.17 [상자 박스 및 메뉴판 만들기1] (0) | 2023.11.17 |
| 2. 왕초보의 HTML 도전기 - 2023.11.16 [HTML 기본구조 및 태그] (1) | 2023.11.16 |