웹 프로그래밍/html (3) 썸네일형 리스트형 html 구조 DOCTYPE html> 우선 모든 html 코드는 다음 코드로 시작해야 한다. 이 코드는 브라우저 한테 이건 text 파일이 아닌 html 문서라는 것을 알려주는 역할을 하므로 무조것 첫째 줄에 적어놓아야 한다. html은 기본적으로 두개의 파트로 구성되어 있다. 1.head: 웹사이트의 환경을 설정.( 외부적으로 보이지 않음) 와 같은 tag들이 head 부분에 들어간다. 2.body:사용자가 볼 수 있는 내용을 설정. 등이 body 부분에 들어간다. go to goole 또한 html 코드는 ~~~ 와 같은 방식으로 작성한다. html attributes html 코드를 짤때 tag만으로는 부족한 경우가 많다. 이에 tag에 부가적인 정보를 추가해주고 싶을때 attribute를 사용한다. 즉 attribute는 tag에 부가적인 정보를 추가해주는 용도로 사용된다. 우선 코드를 먼저 보자. go to google 다음 코드에서 a(anchor)라는 태그 안에 href(hyperlink-reference)라는 attribute가 포함되어있다. 이 href attribute는 브라우저에게 이동할 경로를 알려주는 역할을 한다. 이 외에도 id, class, style 등의 attribute들은 속해있는 tag에 추가적인 정보를 제공하는 역할을 한다. html tags html 의 역할은 브라우저에게 어디서부터 어디까지가 어떤역할을 하는 무엇이다! 라는것을 설명하는것이다. 예를들어 이 부분은 title(제목), 이 부분은 link(링크), 이 부분은 navigation(네비게이션) 과 같이. 이처럼 이 부분부터 이 부분까지가 무엇인지를 나타내 주는것을 tag(태그🏷️)라고 한다. 우선 기본적인 html 코드를 보자. Hello World 이곳에서 , , , 가 모두 tag들이다. 이 tag들을 통해 여기부터 여기가 html 코드이고 , 여기부터 여기가 body 부분이며, 여기부터 여기가 h1 이다. 를 브라우저에게 알려준다. https://developer.mozilla.org/en-US/docs/Web/HTML/Element HTML elements reference.. 이전 1 다음