button 태그 버튼1 버튼2 버튼3 위 코드는 으로 인해서 화면이 출력되자마자 '안녕!!!!!!!' 이라는 팝업창이 뜨고 버튼을 클릭 할때마다 onclick 옵션에 의해서 해당 버튼+숫자가 alert 창에 나타나는 코드 입니다.
Front-End/html
HTML 에서 목록을 만들때는 ul 태그와 ol 태그를 사용 합니다. ul 순서 없는 목록을 나타낼떄 ul 요소를 사용합니다. 하나 두울 세엣 네엣 목록1 목록2 목록3 목록4 ol 순서 있는 목록을 나타낼때 ol을 사용한다. 목록1 목록2 목록3 목록4 목록1 목록2 목록3 목록4
HTML 에서의 글자 크기를 조절하는 태그는 h 태그 입니다. h 요소는 제목을 나타낼 때 사용합니다. h1 ~ h6 까지 있습니다. h1 ~ h6 까지 대제목, 중제목, 소제목, ... 순으로 표시하면 됩니다. h4 입니다. h5 입니다. h6 입니다. html에서 글자 크기는 위와 같이 h1 부터 h6 까지 존재합니다.
IMG 태그 img 태그는 이미지를 가져올수 있는데 src=이미지가 있는 경로 를 입력해 주면 아래와 같이 이미지가 뜨는것을 확인 할 수 있습니다. img 요소 사용하기 img 태그의 alt 속성은 Alternate(대체하다)의 줄임 말입니다. 이미지에 문제가 있어 이미지를 못 읽어 올 경우 alt 속성의 내용이 해당 이미지를 대체하여 나타납니다. img 태그의 title 속성은 마우스를 사진에 가져다 놨을때 위와 같이 뜨는 것을 지정 하는 옵션 입니다.
HTML 주석 어쩌구... 저쩌구... HTML 영역에서 의 주석은 이렇게 사용 CSS 주석 paragraph (단락) 입니다. 어쩌구... 저쩌구... CSS 영역에서의 주석은 /* */ 이렇게 사용 JS 주석 paragraph (단락) 입니다. 어쩌구... 저쩌구... JS 영역에서의 주석은 한줄일 경우 -> // 여러줄일 경우 -> /* */
html의 기본적인 형태는 아래와 같습니다. 123456789101112131415161718 나의 웹페이지 abcd 1234567890 가나다라마바사아자차카타파하 Colored by Color Scriptercs 이 사이에 1,2,3,4 써 둔 것이 주석으로 써둔 것인데 주석은 컴퓨터가 해석해서 처리하지 않는 부분입니다.주로 뭐가 설명을 적을때 사용 합니다. 첫번째로 이 부분은 html5 형식의 문서라고 웹브라우저에 알려주는 선언부 입니다.html의 역사에 따라 형식의 버전이 바뀌어 왔는데최근에는 html5 로 많이 사용합니다. 그전 html4 형식이면Html 4.01 Strict Html 4.01 Transitional 이런식으로 선언을 하고 그 형태에 맞게 코딩을 하면 되는데 html5 되면서 뭔가..