Frontend/HTML17 [HTML] 기본form 만들기(<form>, <label>, <fieldset>, <legend>) 태그 - 폼 만들기 폼을 만드는 가장 기본적인 태그 form 태그의 속성 폼 태그는 몇 가지 속성을 통해 사용자가 입력한 자료들을 서버로 어떤 방식으로 넘길 것인지, 서버에서 어떤 프로그램을 이용해 처리할 것인지 지정한다. 속성 설명 method 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지 지정한다. 속성 값 get - 주소 표시줄에 사용자가 입력한 내용이 그대로 드러난다. 256byte~4096byte까지의 데이터만 서버로 넘길 수 있다. post - 대부분 이 방식을 사용한다. 사용자의 입력을 표준 입력으로 넘겨주기 때문에 입력 내용의 길이에 제한을 받지 않고 사용자가 입력한 내용이 드러나지 않는다. name 폼의 이름을 지정한다. 한 문서 안에 여러 개의 태그가 있을 경우, 폼들을.. 2021. 9. 25. [HTML] html이란?/html 기본 구조 html이 뭐냐고 물으면... 웹사이트의 구조를 만드는 언어라고밖에 대답못하는 나... 그래서 조금 더 알아보기로했다. HTML이란 무엇일까? HyperText Markup Language, 해석하면 하이퍼텍스트를 마크업하는 언어다. 하이퍼텍스트란? 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능 마크업이란? 태그를 사용해 문서에서 어느 부분이 제목이고 본문인지, 어느 부분이 사진이고 링크인지 표시하는 것 즉, 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어가 HTML이라고 정리할 수 있다. HTML 문서 기본 구조 1 - 문서 유형을 지정하는 선언문 웹 브라우저에게 '이제부터 처리할 문서는 HTML 문서이고 어떤 유형을 사용했으니 그 버전에 맞는 방법으로 해석하라' 라.. 2021. 9. 21. [HTML] <map> 태그, <area> 태그, usemap 속성 - 이미지맵 지정하기 하나의 이미지에 여러 개의 링크를 걸 수 있다. 즉, 한 이미지상에서 클릭 위치에 따라 서로 다른 링크가 열린다. 이것을 '이미지 맵'이라고 한다. 기본형 2021. 9. 21. [HTML] table 태그 정복하기 , , , 태그 - 기본적인 표 만들기 기본형 제목 내용 표를 나타내는 html 태그 행을 나타내는 과 셀을 나타내는 , 태그 등이 사용됨. - table row - 표 내부에서 행을 나타내는 태그 - table header - header의 cell을 나타내는 태그 - 기본 스타일 : text-align:center, font-weight:bold - table data - 일반적인 칸(cell)을 나타내는 태그 - 기본 스타일 : text-align:left colspan, rowspan 속성 - 행 또는 열 합치기 ※ 이러한 속성들을 적어줄 때 합쳐지는 셀들은 html 상에서 지워줘야 한다. colspan - 가로로 이웃한 셀을 합칠 때 - column이 열이라는 뜻, 열 하나하나를 합치니깐 가로로.. 2021. 9. 21. [HTML] 텍스트를 한 줄로 표시하는 태그 태그, 태그 - 굵게 표시하기 두 태그 모두 눈으로 보기에는 차이가 느껴지지 않는다. 하지만 두 태그를 구분하는 이유는 화면 낭독기에서의 기능 때문이다. 화면 낭독기에서 이게 진짜 강조된 부분인지, 아니면 다른 내용과 구분하기 위해 단지 굵게 표시한 것인지 구별을 할 수 있게 해줘야 한다. - 굵게 강조할 텍스트 경고나, 주의 사항처럼 중요한 내용이어서 강조해야할 때 사용한다. - 굵게 표시할 텍스트 문서의 키워드처럼 단순히 굵게 표시할 때 사용한다. 즉, 중요한지 아닌지에 따라서 구분한다. 태그, 태그 - 이탤릭체로 표시하기 텍스트가 비스틈히 이탤릭체로 표시된다. - 이탤릭체로 강조할 텍스트 문장에서 흐름상 특정 부분을 강조하고 싶을 때 사용한다. - 이탤릭체로 표시할 텍스트 마음 속의 생각이나 꿈, .. 2021. 9. 19. [HTML] 텍스트를 덩어리로 묶어 주는 태그 태그 - 제목 표시하기 제목 텍스트는 일반 텍스트보다 굵고 진하게 표시된다. ~ 까지 표현할 수 있으며 가장 큰 제목이 이고 이 가장 작은 크기의 제목이다. h1 h2 h3 h4 h5 h6 결과값 : 태그 - 단락 만들기 태그는 paragraph의 줄임말로, 텍스트 단락을 만든다. 여기서 단락이란 앞뒤에 줄바꿈이 있는 텍스트 덩어리를 말한다. 태그를 두개 삽입해서 텍스트 단락인 것처럼 보이게 할 순 있으나 실제로 웹 브라우저가 이것을 텍스트 단락으로 인식하기 어렵다. 태그 - 줄 바꾸기 줄바꿈을 하기 위해 사용한다. break의 줄임말이며 닫는 태그가 없다. 태그 - 분위기 전환을 위한 수평줄 넣기. horizontal의 줄임말로 수평 줄을 삽입할 때 사용한다. 보통 여러 개의 텍스트 단락을 나열하는 도.. 2021. 9. 19. 이전 1 2 3 다음 반응형
