본문 바로가기

웹프로그래밍/웹프로그래밍수업35

(26)명품 웹프로그래밍_5장_CSS3고급활용_2(작성중) # 범위 메인 홈페이지 상단 메뉴바 만들기표 꾸미기입력 폼 꾸미기# 노트 , 코드 , 출력장면 :● 메인 홈페이지 상단 메뉴바 만들기 :노트 : 코드 :1234567891011121314151617181920212223242526272829303132333435363738394041424344454647!DOCTYPE html>html lang="en"> head>  meta charset="UTF-8">  title>메인 사이트 상단 메뉴바 만들기/title>  style>    #menubar{      background-color: gray;    }    #menubar ul{      margin : 0px;      padding : 0px;      width : 700px;    }   .. 2024. 10. 7.
(25)명품 웹프로그래밍_5장_CSS3고급활용_1(작성중) #복습하기 매우 좋은 코드 :[상황1_ 감싸진 블록 없이 등장인물 배치 상황] :● 코드 :1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283!DOCTYPE html>html lang="en"> head>  meta charset="UTF-8">  title>블록태그와 인라인태그 출력 차이/title>  style>    div{      background-color: yellow;      margin-bottom: 10px;      width: 700px;      he.. 2024. 10. 5.
(24)명품 웹프로그래밍_4장_Open_Challenge #이전 2장_Open Challenge문제 이어서 작업 ○ 이전 코드 :● [Main.html] :123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778!DOCTYPE html>html lang="en">head>    meta charset="UTF-8">    title>컴퓨터 기술 소개/title>/head>body>    header>    h1>스마트폰/h1>    p>        스마트폰은 컴퓨터를 결합한 무선 휴대전화기기이다. PC에서 실행되는 운영체제보다 적게 만든 모바일 운영체제를.. 2024. 10. 5.
(23)명품 웹프로그래밍 4장 실습문제(작성중) [문제1] :#알아야 할 개념 : X #코드 :12345678910111213141516171819202122232425262728293031323334!DOCTYPE html>html lang="en"> head>  meta charset="UTF-8">  title>태그 셀렉터 만들기/title>  style>    body{      background-color: linen;    }    h3{      color : blue;      text-align: right;    }    p{      color : purple;    }    span{      background-color: skyblue;    }  /style>/head> body>  h3>소연재/h3>  hr>  p>   .. 2024. 10. 4.