이번의 목표 01. 태그의 사용 02. 태그와 태그의 차이 1행 1열 1행 2열 1행 3열 2행 1열 2행 2열 2행 3열 3행 1열 3행 2열 3행 3열

html 코드를 작성할때에 화면에 출력되는 부분은 태그 내에 작성하게 됩니다. 이때에 각각의 객체에 디자인적인 속성을 적용해도 좋습니다. 하지만 이렇게 하면 하나를 수정하기 위해서는 시간이 너무 오래 걸리기 때문에 객체에 id, class명을 지정하고, 헤더의 태그에서 이들의 스타일을 지정해주는 것이 현재에는 더 많이 쓰이고 있습니다. 라고 배웠습니다. 기업 분위기에 맞춰서 합시다. 적응 잘하는 생물이 어디서든 최고니까. 오늘의 목표 01. 객체에 id , class를 지정하고 태그에서 이들의 디자인을 만들어보자. 지구 사랑 우리 회사는 지구의 환경을 위해 탄소배출을 당장 내일까지 제로배출을 약속합니다. 지구 보호 우리 회사는 지구의 환경 보호를 위해 당장 내일부터 친환경 에너지만 사용할 것을 약속합니다..

오늘의 목표 01. 태그 사용 02. 반응형, 고정형의 차이 이미지 이미지 동영상이 아닌지라 말로 설명을 해서 이해가 어려울 수도 있습니다. 위의 이미지는 픽셀로 사이즈를 설정했기 떄문에 화면을 줄이거나 늘여도 고정적인 크기를 갖습니다. 하지만 아래의 이미지는 %로 사이즈를 설정했기 때문에 화면을 줄이거나 늘이면 그에 맞는 비율로 크기가 변경 됩니다. 이렇게 사용자의 작동에 따라 변동하는 것을 반응형, 변동이 없는 것을 고정형이라고 부릅니다. *src가 뭔지 모를 수 있는데 src는 source 의 약자입니다. 안쓰다보면 종종 했갈릴 수도있는거니까 쓰면서 아무생각없이 쓰지말고 가끔씩은 이게 어떤 약자였는지도 떠올려보면 코드 이해가 쉽습니다.

오늘의 목표 01. 태그로 구역을 나누어보자. 02. 태그를 써보자 03. , 를 같이 써보자 header 1번칸이요 center 2번칸이요 footer 3번칸big이요 big안넣은구문이요 나는 small이요 볼드에 이탤릭도 되나요? align 속성으로 center, left, right 를 넣었을때 각각의 위치가 다른것을 확인 할 수 있습니다. 세번째 줄에서 태그가 붙은 것을 보면 글씨 크기가 다른것도 확인할 수 있습니다. 를 같이 썼을 때에 볼드체, 이탤릭체 둘다 적용되는 것도 확인할 수 있습니다.

이번의 목표 01. 태그 02. href 속성 03. target 속성 04. title 속성 네이버 네이버 구 글 다 음 페이지의 글을 눌러보면 각각의 링크로 이동하게 되어있습니다. 두번째 줄의 네이버에는 마우스를 올리고 있으면 "네이버로 이동합니다" 라는 문구가 뜹니다.

이번의 목표 01. 태그 02. 태그 메일 카페 블로그 쇼핑 메일 카페 블로그 쇼핑 ul 태그는 unordered list 라는 이름 답게 앞에 숫자가 있지 않고 점만 찍혀서 나옵니다. ol 태그는 이름 처럼 번호 순서대로 출력해주고 있는 모습을 확인할 수 있습니다. 둘다 리스트를 설정할때에는 태그를 사용하는 점 주의