[html/css]웹사이트 제작하기

2024. 8. 6. 12:59·HTML|CSS

20240805~06수업
그동안 학습했던 것들을 이용하여 웹사이트를 제작할 수 있다.

홈화면

 

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

↑공통 스타일 시트

적용법
톱니바퀴 클릭>>주소창에 미리 코드펜으로 작성해둔 공통스타일 시트(css)의 코드펜 주소를 복사붙여넣기 한 뒤 save&close

 


header

 

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

-

home

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.


 

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

news

news content

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.


menu

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.


contact

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

 

location

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.

sns

See the Pen Untitled by 유레이나 (@zdixexqp-the-reactor) on CodePen.


결과물

http://127.0.0.1:5500/cafe/index.html
 

'HTML|CSS' 카테고리의 다른 글

[html/css]Flex box, Grid를 이용한 정렬  (0) 2024.08.06
[html/css] Layout 만들기(table태그), lorem ipsum  (0) 2024.08.04
[html/css] Selector(선택자) 총 정리  (0) 2024.08.04
[html/css]favicon 사용, map태그, area태그, 이미지 좌표 확인 방법, 다각형 링크  (0) 2024.08.04
[html/css]링크 버튼 만들기,vertical align  (0) 2024.08.03
'HTML|CSS' 카테고리의 다른 글
  • [html/css]Flex box, Grid를 이용한 정렬
  • [html/css] Layout 만들기(table태그), lorem ipsum
  • [html/css] Selector(선택자) 총 정리
  • [html/css]favicon 사용, map태그, area태그, 이미지 좌표 확인 방법, 다각형 링크
라텐느
라텐느
이제 막 개발을 시작한 초보가 개인공부를 하는 공간입니다.
  • 라텐느
    괴발개발
    라텐느
    • 개발자 (153)
      • HTML|CSS (14)
      • JAVA (29)
      • JAVACSCRIPT (15)
      • SQL (16)
      • 기타 (5)
      • JSP (2)
      • SPRING (13)
      • SPRING BOOT (6)
      • Git&GitHub (1)
      • 시행착오 (2)
      • 개발일지 (35)
        • GreenMiniProject1 (12)
        • GreenMiniProject2 (9)
        • GreenFinalProject (14)
      • Flutter (5)
      • 자격증 (0)
        • SQLD (1)
      • AWS (2)
      • Linux (1)
      • 자료구조&알고리즘 (4)
  • 블로그 메뉴

    • 홈
    • 방명록
    • 태그
  • 링크

    • GitHub
  • 공지사항

  • 인기 글

  • 태그

    링크
    일지
    오블완
    개발자
    db
    태그
    input
    JS
    자기계발
    AJAX
    javascript
    CSS
    HTML
    부트캠프
    tag
    SQL
    티스토리챌린지
    link
    java
    JQuery
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
라텐느
[html/css]웹사이트 제작하기
상단으로

티스토리툴바