개인코딩공부방

html 태그, 스타일 본문

웹/HTML

html 태그, 스타일

atlasia 2018. 3. 7. 17:50

●HTML


- 요소 : 제목, 본문, 이미지 등 HTML 페이지에 존재하는 것

- 태그 : 요소를 사용하는 기호 ·

- 속성 : 태그 내부에 추가정보를 부여할 때 사용


<head></head> : body에 필요한 스타일시트, 자바스크립트 제공하는데 사용


<body></body> : 사용자에게 실제로 보여지는 영역


●Javascript


   웹페이지에서 사용자 반응 등을 처리


- 내부 자바스크립트 : html 페이지 내부에 코드 입력


- 외부 자바스크립트 : 외부에서 코드를 불러와 사용


●특수문자

- &nbsp;: 공백

- &lt; : <

- &gt; : >

- &amp; : &


●줄바꿈 : <br>

●수평줄 : <hr>


●링크(페이지 이동)

<a>

- target 속성 : 그 이외의 페이지로 이동시 보여줄 페이지

http를 사용하는 경우 : 절대경로(도메인)이며 서로다른 legacy,저장소에 존재하는 페이지를 호출하는 경우


●글자 태그는 중첩 가능



●목록 태그


- ul : 글머리 기호 목록 태그 

- ol : 순서 번호 목록 태그

- li : 목록 요소



●이미지 태그

  <img/>



●공간분할 태그

  <div></div>




●시맨틱 태그

  기능은 div와 같이 공간분할 태그이며 가독성이 용이하도록 사용되는 태그



●오디오 태그 / 비디오 태그

기존에 플래시나 기타 플러그인을 사용하여야만 재생가능한 미디어 파일을 재생 가능토록 하는 태그


- 브라우저마다 플레이 가능한 파일이 다르므로 해당 브라우저에서 실행가능한 파일을 가져오도록 한다.



●태그 형식

- 블록 형식 : 인접한 두 태그는 줄바꿈이 나타남

- 인라인 형식 : 인접한 두 태그는 연달아 나타남



===========================================================

입력태그


●전송방식

- get : 파라미터에 더해져서 전송

- post : 헤더에 숨겨져서 전송


  파일 전송이 있게되면 multipart-resolver가 필요



●선택자

- 기본 선택자

· 태그명 {...} : 해당 태그에 스타일 적용

· 태그명1 태그명2{...} : 태그명1 하위의 모든 태그명2에 스타일 적용

· 태그명1>태그명2 {...} : 태그명1 하위의 직계 태그명에만 스타일 적용

· 태그명1, 태그명2, 태그명3, ... {...} : 콤마로 구분된 태그에 스타일 적용


· #아이디명 {...} : 아이디 구분자인 '#'을 사용하여 해당하는 id를 가진 태그에 스타일 적용

· .클래스명 {...} : 클래스 구분자인 '.'을 사용하여 해당하는 클래스를 가지는 태그에 스타일 적용


       - 속성 선택자

          귀찮아서 생략...


       - 구조 선택자

  귀찮아서 생략...

저작자표시 비영리 동일조건

'웹 > HTML' 카테고리의 다른 글

위치 css, animate, javascript 클래스  (0) 2018.03.27
반응형 웹 기초  (0) 2018.03.08
CSS 기초  (0) 2018.03.08
웹 기초  (0) 2018.03.06
'웹/HTML' Related Articles more
Comments