Coding Is My Life

코딩은 인생

728x90

기초 9

[HTML 기초][HTML - 입력받기]

정보 입력받기 HTML에서 정보를 입력 받기 위해서는 form태그와 input 태그를 사용하는데 사용법은 다음과 같다. 아이디 : 비밀번호 : 태그는 단락을 나누는 태그라고 알아두면 좋다. 태그에 action속성은 ""안에 주소를 넣어서 입력받은 주소를 해당 주소로 보내는 역할을 한다. 는 텍스트를 입력할 수 있는 태그이고는 패스워드를 입력하는 태그로 입력를 하게 되면 점으로 표기된다. 태그는 버튼을 만드는 태그로 제출이라고 표기된 버튼을 만들 수 있다. 버튼을 누르면 action에 지정한 주소로 정보를 전달 하게 된다. 그리고 각 input마다 name이라는 속성이 있는데 이 속성은 해당 주소로 이동했을 때 URL에 name에 내용이 같이 적혀져서 나와 무슨 정보가 입력되었는지 알 수 있다.

HTML 기초 2021.01.04

[HTML 기초][HTML - 표 만들기 1]

표 만들기 - 1 html에서 제공하는 함수를 이용해서 표를 만들 수 있다. 일단은 태그를 써줘야 한다. 그리고 한 행을 만들라면 을 써야한다. 그리고 모든 요소에는 라는 태그를 붙여야한다. 코드는 다음과 같다. 이름 성별 주소 유현석 남 수원 김용민 여 시흥 다음과 같이 코드를 작성하면 다음과 같이 표 같이 정렬 행과 열로 정렬되서 나오는 것을 볼 수 있다. 여기에 표 처럼 줄을 넣고 싶으면 태그에 라고 설정하면 되고 안에 숫자는 굵기를 설정해주는 것이다. 코드를 보면 다음과 같다. 이름 성별 주소 유현석 남 수원 김용민 여 시흥 조금 투박해보인다. 세련되게 하고 싶으면 border 속성말고 css로 해야된다. 본 내용은 생활코딩 사이트에서 더 자세하게 보실 수 있습니다. https://opentuto..

HTML 기초 2021.01.04

[HTML기초][HTML - 문서의 구조]

문서 구조 일단 이라는 태그를 알아보자. title은 웹페이지 상단에 이와 같이 이름이 뜨는 것을 바꿀 수 있다. 전의 했던 예제를 가져와서 작성하면 다음과 같다. KPU MangYou - 코딩블로그 블라디미르 오른 이렐리아 리븐 c++ java python HTML 이러면 상단에 이름이 설정 해준 값으로 바뀌는 것을 볼 수 있다. HYML에는 정해진 규칙이 있는데 본문과 본문이 아닌 내용을 나누는 것이다. 위에 예제에서 본문은 태그를 제외한 전부이다. title -> 블라디미르 오른 이렐리아 리븐 c++ java python HTML

HTML 기초 2021.01.03

[HTML 기초][HTML - 태그의 중첩과 목록]

제목 설정하기 제목을 설정하기 위해서는 내용을 사용하여야 한다. 내용 HTML기초 를 웹페이지로 보면 다음과 같다. 기존의 글씨보다 눈에 띄는 걸 볼 수 있다. 그리고 태그는 줄바꿈을 원칙으로 하므로 줄바꿈한 것을 볼 수 있다. 목록 설정하기 목록을 설정하는 방법은 을 쓸 수 있다. 블라디미르 오른 이렐리아 리븐 를 웹페이지로 보면 다음과 같다. 이렇게 목록으로 된 것을 볼 수 있다. 여기서 그룹핑이라는 것을 할 수 있는데 그룹핑이란 비슷한 것들 끼리 묶는 것이다. 블라디미르 오른 이렐리아 리븐 c++ java python HTML 이렇게 작성하게 되면 다음과 같이 서로 다른 것들끼리 뭉쳐있는 것을 볼 수 있다. 블라디미르 오른 이렐리아 리븐 c++ java python HTML 태그와 태그로 그룹핑을 ..

HTML 기초 2021.01.03

[HTML기초][HTML 작성하기]

메모장으로 HTML하기 메모장을 킨다 -> 파일->저장-> 이름.html 형식으로 파일이름을 쓰고 파일 형식은 모든파일 인코딩은 utf-8을 선택한다. 태그 태그에는 여러 종류가 있다. 일단 "나는 HTML 마스터이다" 이라는 내용을 웹페이지에 쓰고 싶으면 메모장에 그대로 쓰면 된다. 하지만 여기서 만약 HTML을 강조하고 싶으면 "나는HTML 마스터이다"를 쓰면 웹페이지에서는 나는 HTML 마스터이다 로 보이게 될 것이다. 여기서 내용 이런식으로 태그를 이용가능하다. 끝에 태그에는 / 로 닫아야한다.

HTML 기초 2021.01.03
728x90