웹개발/HTML

html/style/onclick

에르소 2014. 7. 23. 18:09
반응형

<HTML>

<input id="love" class="love" type="text" value="javascript" javascript="자바스크립트!!" style="background: orange; font-size: 12px; color: blue; font-align: center" />

<input type="button" value="클릭" onClick="onjavascriptClick()"/>


태그 1: 

- 태그이름 = input 

- 속성 = id, class, type, value, javascript(임의 기입), style


태그 2:

- 태그이름 = input

- 속성 = type, value, onclick


위에 있는 input 태그나 속성 모두 다 문자열, 태그는 꺽쇠 <> 와 태그이름 그 사이에 모두 다 속성="값" 의 구조


-----------------------------------------------------------------------------------------------------

<Style>

[인라인 스타일 / 태그 내부 적용 / 불러오기의 방법이 존재]


[인라인스타일]

<!Doctype html>

<html>

<title>untitle</title>

<head>

<style>

</style>

</head>

<body>

</body>

</html>


[태그내부 적용]

<input id="love" class="love" type="text" value="javascript" javascript="자바스크립트!!" style="background: orange; font-size: 12px; color: blue; font-align: center" />



[css 불러오기(외부css)]

<link rel='stylesheet' type='text/css' href='styles.css' /> 


반응형

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

서블릿 클래스  (0) 2014.08.07
request.setAttribute  (0) 2014.07.23
XAMPP  (0) 2014.07.21
Sitemesh setting  (0) 2014.07.18
동적 include  (0) 2014.07.16