WEB1- HTML & Internet ~15. 웹사이트 완성

2022. 5. 23. 23:16·📗 self-study/📗 생활코딩

<img src="coding.jpg" width=100%>
이미지 삽입 태그 src = source
attribute(속성)의 순서는 상관없음

Unsplash.com 퀄리티 높은 이미지 저작권 프리

부모 태그와 자식 태그
목차 그룹핑(부모 태그)
ul = unordered list (순번 미포함)
ol = ordered list (순번 포함)
목차(자식 태그)
li = list

<ul>
<li>
목차 태그
</li>
</ul>

ctrl 누르고 여러 가지 선택 가능
Tab 누르면 들여쓰기 가능

<title> 웹페이지 제목 </title>


<meta charset = "utf-8">
---> 이 문서를 열 때는 utf-8로 열렴(한글이 제대로 로드 안 될 때)

링크 넣는 법
<a href = "링크" target = "_blank" title = "html5 specification" > 링크 넣을 곳 </a>

a = anchor
h = html
ref = reference
target = "_blank" 새 탭으로 열어라
title = "html5 specification" 커서를 댔을 때 "이름"이 보이게 하라

*html 태그의 큰 구조
<!doctype html>
<html>
<head>
</head>
<body>
</body>
</html>

내 컴퓨터에서만 할 때는 사진이나 html 링크를 그대로 걸어도 상관없지만 남의 컴퓨터에서 열게 하고 싶을 때는
비공개로 html 파일을 올리고, 작성화면에서 링크 주소 복사해서 atom 해당 주소에 넣어야 함

내가 만들어 본 페이지 ㅎㅎ
는 사진 로드가 안 돼서 일단 닫는다 ㅡㅡ 울 천재강쥐들 자랑하고 싶은데 내 컴에서는 잘 열리다가... 뭐가 문제일까?

'📗 self-study/📗 생활코딩' 카테고리의 다른 글
  • JAVA1 ~4.2. 실행 - java의 동작 원리
  • WEB1- HTML & Internet ~엔딩 크래딧
  • [정리] 생활코딩 html
  • WEB1- HTML & Internet ~10. html이 중요한 이유
천재강쥐
천재강쥐
  • 천재강쥐
    디버거도 버거다
    천재강쥐
  • 전체
    오늘
    어제
    • Category (467)
      • 진짜 너무 궁금한데 이걸 나만 몰라...? (0)
      • 💾 Portfolio (2)
      • 🐤 CodingTest (28)
        • Java (20)
        • ᕕ(ꐦ°᷄д°᷅)ᕗ❌ (5)
      • 🚀 from error to study (142)
        • AI (1)
        • Cloud (2)
        • DB (12)
        • Front-End (16)
        • Github (14)
        • Java (39)
        • Mac (7)
        • Normal (29)
        • Server (22)
      • 📘 certificate (44)
        • 📘 리눅스마스터1급 (1)
        • 📘⭕️ 정보처리기사 (40)
        • 📘⭕️ SQLD (3)
      • 📗 self-study (234)
        • 📗 inflearn (35)
        • 📗 생활코딩 (8)
        • 📗 KH정보교육원 당산지원 (190)
      • 🎨 Scoop the others (0)
        • 📖 Peeking into other people.. (0)
        • 🇫🇷 (0)
        • 📘⭕️ 한국사능력검정시험 심화 (11)
        • 오블완 (4)
  • 인기 글

  • hELLO· Designed By정상우.v4.10.1
천재강쥐
WEB1- HTML & Internet ~15. 웹사이트 완성
상단으로

티스토리툴바