코드 서핑

안녕하세요. 코드 서핑입니다. 알게 모르게 우리는 웹 사이트에서 수많은 버튼을 클릭하고 있습니다. 오늘은 [button] 태그에 대해 알아보도록 하겠습니다. HTML 클릭 할 수 있는 HTML 요소입니다. 버튼을 클릭하면 알림 창을 띄우거나, 서버로 정보를 보낼 수 있습니다. 버튼의 모양은 CSS로 스타일링 할 수 있습니다. 주요 속성 autofocus : 페이지 로드 후에 이 버튼으로 포커스를 가져갈지 에 대한 속성입니다. 이 속성은 문서 내에서 하나만 가져갈 수 있습니다. form : 버튼과 폼 양식을 연결할 때 사용하는 속성입니다. 앞서 form 양식과 연결하려면 form 양식의 id값을 동일하게 가져와야 연결됩니다. 조상에서 form 양식이 존재하면 form 속성을 지정하지 않아도 연결됩니다. f..

안녕하세요. 코드 서핑입니다. 우리는 보통 HTML 문서에 글만 적지 않습니다. 이해를 돕기 위해서 사진을 첨부하는데요. 오늘은 HTML 문서에 이미지를 삽입하는 img 태그에 대해 알아보겠습니다. img 이미지 태그가 가지는 주요 속성은 src, width, height, alt, loading이 있습니다. src : 이미지의 경로. 웹 페이지에서 이미지 주소를 받아오는 절대 경로와, HTML 문서 기준으로 이미지의 주소를 정하는 상대 경로로 지정할 수 있습니다. width : 이미지의 가로 크기 height : 이미지의 세로 크기 alt : 이미지의 대체 텍스트. 이미지가 표시 될 수 없을 때 보이는 텍스트입니다. ex) 엑박 loading : 이미지를 불러오는 방식. 기본값은 eager이고 이미지가..

안녕하세요. 코드 서핑입니다. 저도 HTML/CSS 를 공부하고 있는 입장으로서 정리 겸 공부한 내용을 포스팅해보려 합니다. 오늘은 첫 번째로 자주쓰이고 인기 있는 HTML TAG에 대해 알아보겠습니다. 제가 이해했던 느낌적인 느낌으로다가 문과 감성으로 설명하도록 하겠습니다.😀 우리가 보는 '웹 페이지'는 태그로 시작해서 로 끝납니다. 'HyperText Markup Language'라는 단어에서 볼 수 있듯이, 차례차례 마크업 해나가면서 웹페이지를 만들어가는 과정입니다. 처음 코딩시 선언하고 시작하는데 이는 지금 코딩하는 문서의 유형이 html이라고 선언하는 것이죠. 웹 페이지에서 사용하는 문자들의 인코딩 방식을 나타냅니다. *UTF-8은 Universal Coded Character Set + Tra..