본문 바로가기

HTML

(4)
HTML: 5 테이블 요소 표(TABLE) 데이터 표를 나타내는 태그 , : 데이터 셀(table-cell) : 행(table-row) : 표 위와같이 4X4크기의 표를 만들려면 행을 나타내는 안에 태그(하나의 셀)을 네 번 반복한다 (X4) 결과 의 테두리가 없어서 아무것도 안 나옴 방법1 CSS에 입력 Monthly Savings Month Savings January $100 February $80 March Sum colspan: 셀을 가로방향으로 병합 rowsapn: 셀을 세로방향으로 병합 병합하기 위해 비우는 칸은 굳이 ,입력 X 예시 2 Specification values Grade. Point. Strength. Percent. kg/mm lb/in Hard 0.45 56.2 80,000 20 Medium 0.45..
HTML: 3 폼요소 FORM 요소 폼 관련 요소: 사용자로부터 데이터를 받아야 하는 경우 사용되는 요소 FORM요소 폼 데이터를 그룹화하여 서버에 전송한다 (ex. 예를 들어 한 창안에 게시글을 작성하는 공간과 이벤트에 관한 공간이 있는 경우 게시내용 작성후 완료를 눌렀을때 이벤트에 관한 정보를 전송한다거나 이벤트에 관한 내용을 전달받는 서버로 보내면 안된다.) ... action: 폼 데이터를 처리하기 위한 서버의 주소 method:데이터를 전송하는 방식을 지정(get, post) 아이디: 비번: get은 민감한 정보를 담을땐 사용하면 안됨(URL에 작성한 내용이 다 보이게된다) 회원가입 로그인은 post로 사용을 해야한다. (은 사용성, 접근성적인 측면으로 중요한 역할을 하므로 반드시 써주는 것이 좋습니다.) (반면, ..
HTML: 2. HTML 태그들 태그 관련 사이트: https://developer.mozilla.org/en-US/docs/Web/HTML/Element https://www.w3schools.com/tags/default.asp https://www.advancedwebranking.com/seo/html-study/#overview ... 제목(HEADING) Hello 문서내의 제목 표현 제목의 레벨에 따라 -자동으로 개행, 볼드체 사용 됨 ⚠️: h1은 오로지 heading 목적으로만 쓰는게 좋음. 볼드체 사용을 위해 X 큰 글씨를 위해 X , 단락과 개행(PARAGRAPH, LINEBREAK) This is first paragraph. This is second paragraph This is second paragraph..
HTML: 1 HTML이란? 1. HTML이해하기 HTML Hyper text (텍스트를 초월하는) markup language(정보를 구조적으로 표현 가능한) Hyper Text는 단순한 텍스트를 넘어서 웹 페이지의 특정 부분과 연결할 수 있는 기능을 가진 텍스트 즉, 링크를 의미합니다. Markup Language는 프로그래밍 언어의 한 종류로 정보를 구조적, 계층적으로 표현 가능하다는 특징이 있습니다. HTML은 파일 확장자로 .html을 쓰며, 그 파일 안에 html 코드를 작성하게 됩니다. hyper text = 링크 확장자가 html HTML 문법 태그(TAG) 가장기본이 되고 중요한 규칙 무언가를 표시하기 위한 꼬리표, 이름표 우리가 다양한 태그들을 이용해 코드를 작성하면, 브라우저가 이를 인식해 내용을 표현 Hello..