Hello
- <!-- --> 로 작성된 내용은 주석이 된다. web browser도 이를 loading 하지만 무시한다고 한다.
- <head> ~ </head>. 열고 닫는 것이다. { } 와 같은 일종의 영역 설정으로 이것을 'tag'라고 한다. <xxx> 꺾새 안에는 정해진 이름이 들어가게 되는데, 이를 element name(요소명)이라고 한다.
- 요소 안에는 <html> 안쪽의 lang='en' 처럼 attribute(속성)이 들어가는데 attribute name과 attribute value로 구성된다. lang이 name, 'en'이 value이다.
- <html>과 <head>의 관계는 parent element(부모 요소)와 child element(자식 요소)라고 한다.
- <head>에는 setting 정보, <body>에는 주된 UI 내용이 포함된다.
- <meta> 는 닫는 요소가 없다. 이런 요소를 '단독 요소' 라고 한다. 닫는 기호가 없지만, 있어도 상관은 없다.
- <title> xxx </title> 사이에 있는 내용을 inner text 라고 한다.
step01. Hello
- web browser는 세 가지 형식의 문자열을 해석해 준다. data와 information을 담은 html, design의 문자열인 css, action programming인 javascript.
- <style> tag의 주석은 <!-- --> 가 아니라 /* */ 로 표기한다. design과 layout이 들어가며, 이곳이 css 영역이다.
- <script> tag는 <head>나 <body>의 자식 요소처럼 작성한다. 이 영역의 주석은 한 줄일 경우 앞에 // 만 붙여주면 되지만, 여러 줄이라면 css와 동일하게 /* */ 로 표기한다.
이 기초를 다음 화요일까지 나간다고 했다.
javscript를 아주 잘하면 상관 없지만 좀 더 편하게 하기 위해서 jQuery, angular.js, react.js, vue.js 등을 사용한다.
이 중에서도 jQuery와 react.js, vue.js를 배울 예정이다.
현재까지는 서버가 없기 때문에 왼쪽처럼만 한다. 원래는 주소를 요청하면 server에서 문자열을 응답하여 해석하고 화면에 띄우는 것이 과정이긴 하다. 지금은 서버가 없어서 http:// 가 아니라 그냥 컴퓨터 시스템으로부터 C:// 이다. 그 서버가 back-end. java를 사용하게 될 것이다.
'뒷북 정리 (국비 교육) > html' 카테고리의 다른 글
| [html] step08. table (0) | 2021.12.07 |
|---|---|
| [html] step05~07. ul / ol / dl (0) | 2021.12.07 |
| [html] step03~04. block / inline element (0) | 2021.12.07 |
| [html] step02. img (0) | 2021.12.07 |
| [start] front-end와 back-end란? (0) | 2021.12.07 |
댓글