함께공부해요!18 float 속성 ! clear 속성 ! html attribute property float 속성 float 속성은 웹 요소를 문서 위에 띄울 수 있습니다. 무슨 말인지 아리송 하신가요? 띄운다는 의미는 왼쪽이나 오른쪽으로 짱박아(?)둘 수 있다는 뜻입니다. float 속성에서 사용할 수 있는 값은 float : left; float : right; float : none; 세가지가 있습니다. 예시를 보여드릴게요 이미지를 왼쪽으로 배치하려고 float 속성을 사용합니다. 그럼 그 주변을 나머지 요소들이 감싸게 됩니다. float:left; 또는 float:right;를 지정하게 되면 width(가로사이즈)값은 컨텐츠를 표시할 때 필요한 만큼만 쓰이고 다른 요소가 옆에 들어올 수 있게끔 나머지 공간을 비웁니다. clear 속성 float 속성은 웹페이지 요소를 오른쪽 왼쪽 원하는 곳에 .. 2020. 2. 17. 02-1 텍스트 관련 태그 중 블록(block) 레벨 태그 <p, br, hr, blockquote, pre> 텍스트를 블록(block)으로 묶어 처리하는 태그를 알아볼게요 이 태그는 선택된 택스트에만 적용되는 것이 아니고 텍스트가 포함된 전체에 적용된답니다. 반대되는 개념으로는 인라인 태그가 있어요 이건 다음 글에서 살펴보도록 하죱 소제목 클릭하면 해당 부분으로 넘어갑니다 01. 태그 2020. 2. 6. 01. HTML이란? HTML5 만들기 웹사이트를 제작할 때 또는 모바일 어플을 만들 때 HTML이라는 용어 많이들 들어보셨죠? 컴퓨터 화면에 보여지는것을 만들 때 가장 기본적인것이 HTML 과 CSS입니다. 지금부터 우리는 HTML을 처음부터 공부해볼꺼에요 어렵지 않습니다 :-) 01. HTML이란 무엇인가 02. 웹브라우저? 웹편집기? 03. HTML의 기본 구조 01. HTML이란 무엇인가 HTML이란 (hyper Text Markup Language)의 줄임말로 하이퍼 텍스트를 마크업 하는 언어입니다. 하이퍼텍스트는 웹 사이트에서 링크를 클릭하면 다른 곳으로 즉시 이동할 수 있는것을 말하고 마크업은 태그(tag)를 사용하여 문서에서 어느 부분이 제목인지 어느부분이 사진인지 링크인지 표시하는것을 말해요 이것을 다 통틀어서 '웹에서 자유롭.. 2020. 2. 5. href 태그 링크를 설정하고 싶어요 a 요소에 href 속성을 지정하면 링크를 설정할 수 있어요 이처럼 a요소 안에 들어가는 속성입니다. 원하는 URL을 href 안에 넣으면 간편하게 하이퍼 링크 완성! 반디의 블로그라는 글자를 클릭하면 설정한 URL로 이동합니다 또한 페이지 안에서 지정한 위치로 이동시킬수도 있습니다 같은 페이지 안에서 이동하고 싶은 경우에는 이동하고싶은 곳에 id속성으로 이름을 붙여주고 처럼 지정해주면 됩니다 내용에 대한 목차를 작성하고 그 목차의 제목을 누르면 해당 내용으로 넘어가게 할 때 유용하겠죠? 2020. 2. 3. 이전 1 2 3 4 5 다음
