프로젝트4 - div 섹션 구역 분리 와 CSS 스타일 적용하기

이미지
웹 브라우저에 표시되는 글자와 이미지 들에 디자인 적인 효과( 배경색, 글자색, 크기 조절...) 및 브라우저 내에서의 배치등을 조절하기 위해서는 구역을 나누면 편리해진다. 바로 구역(섹션) 을 나누어 주는 역할을 하는 태그가 div 이다. <div>태그는 브라우저에서 보여지는 시각적 기능은 없다. 단지, 구역을 나누는 역할을 한다.  코드를 만들어 본다. <!DOCTYPE html> <html> <head>   <title>div</title> </head> <body>   <div>     <p>Ice cream is a frozen dessert typically made from milk or cream that has been flavoured with a sweetener,        either sugar or an alternative, and a spice,        such as cocoa or vanilla, or with fruit, such as strawberries or peaches.</p>   </div>   <div>     <p> Food colouring is sometimes added in addition to stabilizers.        mixture is cooled below the freezing point of water and stirred to incorporate air spaces and prevent detectable ice crystals from forming.        It can also be made by whisking a flavoured cream base and liquid nitrogen together.        The result is a smooth, semi-solid foam that is solid at v

HTML 태그란 무엇일까?

HTML에서 태그란 무엇일까?
바로 <> 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다.


<> 시작되는 태그 를 start tag
</> 닫히는 태그를 end tag  
라고 부른다.
이 두 태그 사이에 적히는 text 내용을 content 라고 한다.
<시작태그>콘텐츠<닫힌태그> 이 모두를 가리켜 요소 즉, Element  라고 부른다.

해당 내용을 몰라도 코딩을 하고 앱을 만드는 데 문제가 없지만
API 문서나 웹에서 이야기 할때 용어를 모르면 의사소통 및 문서내용이 이해가 되지 않기에
최소한의 기본 규칙들은 알아야 한다.
공식적은 HTML Tag(태그) 는 약 150개 정도로 알려져 있다.
<html> , <Input> , <Image> 등등... 태그 라는 단위를 이용해서 웹 페이지에 글자 및 이미지 그리고 다양한 정보를 구조화 해서 만들어 낼 수 있다.
HTML 웹 문서를 만든다는 것은 바로 해당 태그들을 잘 조합해서 
문서를 만들어 낸다는 이야기 이다. 그렇다면, HTML 공부는 바로 태그의 쓰임새를 코딩해보는 것이라고 할 수있다.

요즘은 웹에서 수많은 자료를 찾을 수 있다. 태그 역시 동일하다.
그렇기 때문에 모든 태그를 외우기 보다는 자주사용되는 태그들의 쓰임새를 코딩해보고
필요에 따라 그때 그때 검색하여 해당 태그의 예제를 복사 붙여넣기 후 확장하여 사용하는 것이 올바른 방법이라 생각 한다.
HTML 태그 학습법에 대해서 정리하며...

댓글

이 블로그의 인기 게시물

구글 블로그 이미지 복사 붙여넣기 가능한가요?

HTML 페이지 기본 구성.(HTML Page Structure)

구글 블로그 대표이미지 설정하기