옥수수와 식빵 그리고 코딩

이런 형태로 만드는게 목표! 메뉴나 바 같은것도 넣고 싶었는데 채울 내용이 마땅히 없어서 간단하게 그렸다. 두시간의 결과물.... 설명란을 태그를 썼더니 저런 회색 박스가 생겼다. 왜그런지 참 알 수 없어서 태그로 변경함. sns링크 버튼 만드는걸로 또 끙끙 앓았다. 구굴링과 전에 만들었던 템플릿을 뜯어보고 이것 저것 조합 한 결과 버튼이란걸 만들었음!!! 대충 어찌어찌 목표했던 그림에 비슷하게는 왔음! 여기서 이걸 가운데로 옮겨야 하는게 굉장한 난관이였다. 사진은 없지만 display:flex 를 넣어서 어찌어찌 가운데로 옮겼더니 버튼들이 죄다 세로정렬 되는 바람에 아주...아주...아주대... 사실 이걸 세로로두 가운데에 넣고 싶었지만 현실과 타협했다. 지금 생각 해 보니 위에 박스를 하나 넣으면 될..

mailto : HTML에서 메일 링크를 만들기 위한 태그 링크할텍스트 어찌어찌 만든 첫 홈페이지 about-binch.netlify.app

태그는 paragraph, 즉 문단의 약자로, 하나의 문단을 만들 때 쓰인다. 는 블록요소(block element),은 인라인 요소(inline element)이다. div 태그 p 태그 span 태그 위 코드를 실행 했을 때 다음과 같은 결과가 나온다. 블럭요소는 브라우저의 양 끝을 모두 차지하는 반면, 인라인 요소는 태그 안에 적인 문자 정보의 길이만큼만 영역을 차지한다. HTML의 태그는 블럭요소와 인라인요소로 나누어지는데 이 부분을 명확히 이해해야 한다. 블록요소 - 모든 인라인 요소를 포함할 수 있고 다른 블록 요소도 일부 포함 가능 - 기본적으로 가로폭 전체의 넓이를 가지는 직사각형 형태(기본 너비값은 100%) - 크기값을 가질 수 있다(width, height, margin, paddin..

오늘부터 웹 들어왔다! 1.HTML 시작 W3C : World Wide Web Consortium(협력단) // 시작태그 // 종료태그 제목 1 제목 2 제목 3 단락 1 단락 2 등과 같이 종료태그 없이 시작태그만 자기는 태그 : 빈 태그(empty tag) : HTML문서의 메타데이터를 정의. -메타데이터란 MTML문서에 대한 정보(data)로 웹 브라우저에는 직접적으로 표현되지 않는 정보. -이러한 메타데이터는 , ... 이미지 테두리(border)설정 이미지에 링크(link)설정 이미지 맵 만들기 http://tcpschool.com/html/html_basic_images 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpscho..