IT 개발 블로그

1. form tag 정보를 제출하기 위해 사용한다. 주로 메서드와 같이 사용되는데 method의 역할은 양식을 제출할 때 사용할 http 메서드로 1) post method: 데이터를 요청 본문으로 전송 2) get method: 데이터를 action url과 ? 구분자 뒤에 이어붙여서 전송 2. input tag 기본 type은 text로 지정되어 있으나 type을 바꿔줄 수 있다. 입력 유형과 특성의 다양한 조합 가능성으로 HTML에서 제일 많이 사용된다..! 자주사용하는 tag 몇개를 예로들면 1) button 2) submit 3) checkbox 4) radio 5) date 3. label tag lable tag는 input tag와 연결하면 몇가지 이점이 있다. 그렇게 하기 위해서는 la..

1. a tag 는 속성을 갖고있다 href를 통해 이동할 수 있다.! 2. img tag img 태그는 self closing tag 이기 때문에 따로 closing tag를 해주지 않아도 된다. 그리고 src 속성을 이용해 이미지를 넣을 수 있다. 이때 중요한것은 src 의 경로! 같은 파일에 있을때는 위와같이 표기하면 되지만, 다른 파일로 이동할 경우 위와 같이 상대경로로 표시해주어야 한다.! 3. html의 구조 html의 기본적인 구조는 head와 body로 이루어져있다.

어떤 브라우저도 인간의 언어를 해석할 수 없다..! 그래서 우리가 해야할 일은 브라우저에게 content를 알려줘야한다..! 예를 들면 title아래에 link로 이루어진 그룹이 있다.. 이런것들을 다 알려줘야한다. 그렇다면 어떻게 알려줘야 할까?? HTML로 브라우저에게 content가 어떤 구조인지를 알려주는 것이다..! HTML은 그래서 웹사이트를 구성하는 뼈대가 되는것이다. 다시말해 오로지 HTML만이 브라우저에게 content가 어떻게 구성되어있는지에대해 설명해줄수 있다..! 뒤에 붙는 흰 동그라미는 저장이 되지 않았다는 뜻! 한번 입력할때마다 반드시 저장을해줘야한다.! 브라우저를 실행할때는 alt+b 또는 마우스 우클릭후 open with Live Server 클릭해주기 그러면 웹사이트가 짠~..

그동안 의식하고 보지 않았지만 우리가 자주 접속하는 웹사이트의 구조는 기본적으로 Title, text, image로 이루어져있다. 웹사이트는 아주 많이~ interactive 할수도 있고, 타임즈같은 기사 사이트처럼 Title, text, image 로만 이루어질수도 있다. 우클릭해서 페이지 소스를 보면 다양한 들이 text를 감싸고 있다는 것을 알 수 있다. text로 이뤄진 파일들을 복사해서 프린트한다고 아무일도 일어나지 않는다..! 그렇다면 저 많은 소스들을 복사해서 브라우저에 실행시키면 어떤일이 생길까..? 그렇다..! 브라우저는 내가 사용하는 코드를 읽고 웹사이트를 만들어준다..! 이 text들은 사실 html css javascript로 이루어져있다..! 다음부터 본격적으로 HTML을 시작해보..