html9 Web : semantic 하게 웹을 짠다는 것. Semanitc? semantic이란 의미론적 이라는 뜻이다. 즉, 웹을 semantic하게 짠다는 것은 HTML이 의미를 담고 있다는 것이다. 따라서 HTML을 보고 이게 어떤 의미인지 알기 위해서는 각 element에 의미에 맞게 HTML을 작성해줘야한다. Example 와 태그를 보면 어떤 것이 paragraph를 의미하는 것인가? 자세히 보지 않더라도 p 태그가 paragraph를 나타내는 것을 우리는 알 수 있다. 하지만 OOCSS를 사용하려면, div 태그로 감싸주는 것이 좋다. 그렇다면 여기에 어떻게 의미를 부여할 것인가?? 이것에 대한 해답이 바로 semantci 하게 웹을 짜는 것이다. 1. main : --- 페이지의 main content를 나타낸다. 한 번만 쓴다. 2. header.. 2020. 5. 12. HTML : tag reference tag reference HTML tag는 기억안날 때, 찾아보자. https://www.w3schools.com/tags/ref_byfunc.asp HTML Reference www.w3schools.com 2020. 5. 10. HTML : Entity Entity non-breaking space greater than > > & ampersand & & " double quotation mark " " ' single quotation mark (apostrophe) ' ' ¢ cent ¢ ¢ £ pound £ £ ¥ yen ¥ ¥ € euro € € © copyright © © ® registered trademark ® ® 2020. 5. 10. HTML : Table HTML Table Basic HTML Table Test Firstname Lastname Age Jill Smith 50 Eve Jackson 94 John Doe 80 Tag : Description Defines a table Defines a header cell in a table Defines a row in a table Defines a cell in a table Defines a table caption Specifies a group of one or more columns in a table for formatting Specifies column properties for each column within a element Groups the header content in a .. 2020. 5. 10. HTML : string formatting HTML Tag : Description Defines an abbreviation or acronym Defines contact information for the author/owner of a document Defines the text direction Defines a section that is quoted from another source Defines the title of a work Defines a short inline quotation 사실 posting은 하지만, 이 부분은 외우는 거 보다는, 이렇게 적어두고 나중에 필요할 때 찾아서 쓰면 된다. 2020. 5. 10. HTML : HTML Attribute HTML's Attribute : Description Attribute Description alt Specifies an alternative text for an image, when the image cannot be displayed disabled Specifies that an input element should be disabled href Specifies the URL (web address) for a link id Specifies a unique id for an element class Specifies a unique class for an element src Specifies the URL (web address) for an image style Specifies an .. 2020. 5. 10. HTML : form form form은 어떤 형식에 따라 제출할 때 보통 쓰인다. Type Description Defines a single-line text input field Defines a radio button (for selecting one of many choices) Defines a submit button (for submitting the form) text는 text를 입력하는 창 radio는 클릭하는 창 submit은 제출하는 창, --> js와 연결지을 수 있다. Radio Buttons Male Female submit form 종류 https://www.w3schools.com/html/html_form_input_types.asp HTML Input Types HTML Input Type.. 2020. 5. 10. HTML : HTML head 구조 index.html 을 만든 후, ! 치고 enter를 입력하면 다음과 같은 기본적인 html 구조가 나온다. DOCTYPE html> 은 문서의 타입이 정의되었다. 어떤 버젼으로 정의됬는지 브라우저에게 알려준다. 은 root 요소다. lang 검색엔진이나 브라우저가 참고하도록 알려준다. 한글은 'ko' 는 브라우저에게 보여지는 건 아니지만, 문서의 기본 설정, stylesheet 파일에 연결, body를 해석하기전에 보는 필수적인 요소들이다. 은 문자 집합 및 부호화하는 작업인 인코딩에 해당한다. UTF-8 은 전세계적으로 문자를 모두 표현하기 위해 유니코드를 재정, 그 중 하나이다. 이를 지원하지 않으면, 브라우저가 글을 깨져서 읽게 된다. 은 반응형 웹사이트에 해당하며, 이는 좀 더 공부해보자!! .. 2019. 12. 15. HTML : HTML의 정의, 역사 HTML 정의 HTML은 HyperText Mark-up Language 의 약자로, 하나의 언어다. HTML은 웹페이지에서 콘텐츠의 구조를 표현하기 위해 고안된 텍스트 포맷이다. HTML은 컨텐츠의 서로 다른 부분들을 태그 등으로 씌우거나 감싸서 다른 형식으로 보이게 하거나, 특정한 방식으로 동작하도록 한다. HTML의 역사 역사를 왜 배우냐 하지만, 난 개인적으로 어떤 공부든 그 학문이 발전되온 역사와, 추구하는 길, 가치관, 철학이 중요하다 생각한다. 따라서 간단하게 HTML의 역사에 대해 적어보려 한다. 팀 버너스 리는 과학 관련 데이터를 교환하고 제공하기 위해 HTML을 고안했다. 당시에는 폰트나 문자 색상 정보, 이미지 출력 기능 등은 지원하지 않았다. 그야말로 초기 HTML은 콘텐츠의 의미를.. 2019. 12. 14. 이전 1 다음
