본문 바로가기

[ programing ]/HTML + CSS

HTML - body 요소




<a> - 하이퍼링크


<a>는 웹의 하이퍼링크를 작성하는 요소입니다.

href 속성으로 연결되는 자원의 URL을 지정할 수 있으며

target 속성은 연결된 자원이 표시될 웹 브라우저의 창 이름을 지정할 수 있지만 strict DTD에서는 사용할 수 없습니다.








<img> - 이미지


<image>는 이미지를 삽입하는 요소입니다.

URL을 지정하는 src 속성과

이미지에 대한 설명으로 표시되는 alt가 있습니다.


이미지의 설명이 복잡한 경우, 별도의 파일로 내용을 작성하고 이 URL을 longdesc의 속성값으로 지정하여 연결할 수 있습니다. 

또한 이미지를 이미지맵으로 사용하기 위해서는 usemap속성을 지정해야 합니다.




<em>, <strong> - 강조하는 구문


<em>과 <strong>은 내용 중 강조하고 하는 구문을 지정하는 요소입니다. 

일반적으로 <em> 보다 <strong>이 더 강한 강조의 의미를 갖습니다.








<div>, <span> - 요소의 그룹화


콘텐츠를 그룹화하는 요소로서 

<div>는 block Level Element 에 속하며

<span>은 Inline Level Element에 속합니다.












<form> - 서식영역


< form> 은 사용자가 작성하여 서버로 제출할 수 있는 서식영역을 생성하는 요소입니다.

<form>요소는 다음과 같은 속성을 갖습니다.






속성                                    속성값 형식                                                                                                              비고


action                                서식 내용을 처리할 서버 측 프로그램의 URL                                                                필수


method                             get/post 또는 전송방법


enctype                            송신 정보의 MIME 타입( ex: 파일 전송시 "multipart/form-data")


name                                서식의 식별이름


target                                action 페이지가 열릴 웹 브라우저 창













<fieldset> - 서식 요소의 그룹화






<iframe> - 다른 페이지를 포함

현재 페이지에서 다른 URL의 페이지를 표시할 수 있는 영역을 생성하는 요소입니다.



속성으로는 

scr - 포함될 다른 페이지의 URL

width - iframe의 폭

height - iframe의 높이













role

기존의 HTML은 구성된 요소가 페이지 내에서 어떤 역할을 하는지 명확하게 알 수 있는 방법이 없었습니다.

ARIA에서는 이러한 문제점을 해결하기 위해 role이라는 속성으로 해당 요소가 페이지 내에서 어떤 역할을 하는지에 대한 정보를 제공합니다.



<ul role="menu"> 


<li role="menuitem"> nyhya </li>


</ul>