Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

UI/UX 공부기록

[본캠프 8주차] 월요일 TIL 본문

본캠프

[본캠프 8주차] 월요일 TIL

hyunjiii 2024. 12. 9. 20:52



12/09 일일 목표📝


디자인 카타

웹퍼블리싱

 

 

 

📖 오늘 배운 내용

 

HTML 이란?

  • 웹페이지를 만들기 위한 기본언어
  • 웹페이지의 뼈대를 만드는 역할을 함
  • 제목, 문단, 이미지, 링크, 버튼 같은 요소들이 웹페이지에 나타나는 위치와 구조를 정의함

 

HTML의 특징

  • 태그TAG 라는 걸 사용해서 정보를 구조화함
  • 태그는 항상 <>로 감싸져 있음

HTML의 역할 비유

  • HTML: 웹페이지의 뼈대 🦴 (구조를 만든다)
  • CSS: 웹페이지의 피부와 옷 🎨 (디자인을 입힌다)
  • JavaScript: 웹페이지의 뇌 🧠 (동작을 추가한다)
<!DOCTYPE html>
<html>
<head>
      <title>웹 페이지 제목</title>
</head>
<body>
      <h1>메인 제목</h1>
      <p>이것은 문단입니다.</p>
</body>
</html>

 

태그 특징
<html>
  • HTML 문서의 시작과 끝을 나타냄.
  • 모든 태그는 <html> 태그 안에 들어감.
<head>
  • 보이지 않는 정보를 담는 부분.
  • 브라우저에 표시되지 않는 설정, 메타데이터, 외부 파일 연결 등을 포함.
<body>
  • 사용자에게 보이는 내용을 담는 부분.
  • 텍스트, 이미지, 버튼 같은 모든 콘텐츠가 여기에 위치함.
<h1>~<h6>
  • 제목을 표시하는 태그.
  • <h1>이 가장 크고 중요하며, <h6>은 가장 작음.
<p>
  • 문단(paragraph)을 만들 때 사용.
<a>
<img>
  • 이미지를 삽입할 때 사용.
    <img src="image.jpg" alt="이미지 설명" width="200">
<ul>
  • 순서가 없는 리스트 (글머리 기호).
    <ul>
    <li>사과</li>
    <li>바나나</li>
    <li>체리</li>
    </ul>
<ol>
  • 순서가 있는 리스트 (번호).
    <ol>
    <li>첫 번째</li>
    <li>두 번째</li>
    <li>세 번째</li>
    </ol>
<li>
  • 리스트의 각 항목.
    <ul>
    <li>리스트 항목 1</li>
    <li>리스트 항목 2</li>
    </ul>
<br> 줄을 바꾸는 태그

1일차 과제.,,

 

 

 

 

 

 

👩‍🏫 오늘 진행하며 어려웠던 부분

오늘 처음으로 HTML을 배워봤다. 웹페이지를 만드는 기본 언어라고 해서 시작했는데, 생각보다 많은 태그가 있어서 약간 헷갈렸다. 특히 <head>랑 <body> 같은 구조 태그가 어떤 역할을 하는지 이해하는 데 시간이 조금 걸렸다. 

실시간 강의여서 따라할때는 할 수 있을것같았는데 처음부터 다시 코드를 써보면서 과제하니까 진짜 뭐가뭔지 몰랐었다

 

 

 

 

👀 어려웠던 부분을 어떻게 해결했을까?

 

처음엔 조금 복잡하고 어려운 느낌이 들었지만, 태그마다 역할이 명확하다는 걸 알게 되니까 점점 흥미로워졌다. 간단한 <h1>, <p> 태그로 텍스트를 표시하거나, <img>로 이미지를 넣는 것만으로도 뭔가 실습으로 만든 페이지지만 내가 처음으로 만든 웹페이지라는 느낌이 들어서 신기했다. 열심히해야지 🤔🤔

 

 

 

 

 

 

 

 

 

'본캠프' 카테고리의 다른 글

[본캠프 8주차] 수요일 TIL  (1) 2024.12.11
[본캠프 8주차] 화요일 TIL  (0) 2024.12.10
[본캠프 7주차] 금요일 WIL  (2) 2024.12.06
[본캠프 7주차] 수요일 TIL  (1) 2024.12.04
[본캠프 7주차] 화요일 TIL  (6) 2024.12.03
'본캠프' Related Articles more