웹페이지 기획 4주차

2-1의 24시 병원 기록 페이지를 만들었다.

클릭하는 페이지는 아직 미완성이다.

병원은 서울시에 위치한 연중무휴 24시 병원을 바탕으로 링크를 걸어 코드를 작성했다.

리스트 길이가 적어서 <li> 안 쓰고 작성했다.

​

스타일을 마무리해주고

• 제목을 24시 병원으로 정했고, 폰트도 정했다.
• background image를 선택하여 코드를 작성해주고 body 태그의 font-size와 margin을 작성했다.
• a 태그도 지난 주 과정과 같이 작성했다.

​

• class인 shadow를 지난 주 과정과 같이 작성했다.
• 본문에 들어갈 내용을 위해 새로운 클래스인 fontlist를 정의해 텍스트의 색과 정렬을 정해주었다.
• 새로운 클래스인 title을 정의해 제목인 24시 동물병원은 가운데 정렬을 했다.

​

• 본문의 내용을 a태그, fontlist 클래스를 이용해 작성했다.
• 바탕 페이지 클릭 시 첫화면으로 이동하도록 해주었다.

​

​

 

 

 

결과)

​