[CSS 기초][CSS - HTML에 CSS 쓰기] 글씨 색깔 바꾸기 sytle 태크와 css에 color : 색상 를 이용해서 글씨에 색깔을 바꿀 수 있다. hello world! hello world! 위와 같이 sytle태그에서 지정해준것 과 같이 빨간색으로 바뀐것을 볼 수 있다. h1으로 묶어줬으니 h1태그인 것은 전부 빨간색으로 바뀌게 된다. css 기초 2021.01.06
[HTML 기초][HTML - 입력받기] 정보 입력받기 HTML에서 정보를 입력 받기 위해서는 form태그와 input 태그를 사용하는데 사용법은 다음과 같다. 아이디 : 비밀번호 : 태그는 단락을 나누는 태그라고 알아두면 좋다. 태그에 action속성은 ""안에 주소를 넣어서 입력받은 주소를 해당 주소로 보내는 역할을 한다. 는 텍스트를 입력할 수 있는 태그이고는 패스워드를 입력하는 태그로 입력를 하게 되면 점으로 표기된다. 태그는 버튼을 만드는 태그로 제출이라고 표기된 버튼을 만들 수 있다. 버튼을 누르면 action에 지정한 주소로 정보를 전달 하게 된다. 그리고 각 input마다 name이라는 속성이 있는데 이 속성은 해당 주소로 이동했을 때 URL에 name에 내용이 같이 적혀져서 나와 무슨 정보가 입력되었는지 알 수 있다. HTML 기초 2021.01.04
[HTML 기초][HTML 표 만들기 3] 표 만들기 - 3 태그를 사용하면 글씨가 굵어지는걸 볼 수 있다. 코드는 전 파트에 만 추가해보았다. 이름 성별 주소 유현석 남 수원 김용민 여 시흥 글씨가 굵어진 것을 볼 수 있다. HTML 기초 2021.01.04
[HTML 기초][HTML - 표 만들기 2] 표 만들기 - 2 표에서도 구조를 나눌 수 있다. , , 으로 세분류로 나눌 수 있다. 이전 표 만들기를 구조를 나누면 다음과 같다. 이름 성별 주소 유현석 남 수원 김용민 여 시흥 thead는 무조건 맨 첫번째 행 tfoot은 무조건 맨 마지막 행이라는 특징을 가지고 있다. 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 기초 2021.01.03
[HTML기초][HTML 작성하기] 메모장으로 HTML하기 메모장을 킨다 -> 파일->저장-> 이름.html 형식으로 파일이름을 쓰고 파일 형식은 모든파일 인코딩은 utf-8을 선택한다. 태그 태그에는 여러 종류가 있다. 일단 "나는 HTML 마스터이다" 이라는 내용을 웹페이지에 쓰고 싶으면 메모장에 그대로 쓰면 된다. 하지만 여기서 만약 HTML을 강조하고 싶으면 "나는HTML 마스터이다"를 쓰면 웹페이지에서는 나는 HTML 마스터이다 로 보이게 될 것이다. 여기서 내용 이런식으로 태그를 이용가능하다. 끝에 태그에는 / 로 닫아야한다. HTML 기초 2021.01.03