HTML
1.[HTML]02_기본 테이블(표, Table) 그리기(table, tr, td, th)
: HTML에서 웹페이지에 테이블(표) 형태를 표현하기 위해 주로 태그를 이용한다.
2.[HTML] 03_테이블 제목 지정하기(caption tag)
: 테이블의 제목을 표현하기 위해 사용한다.: caption태그는 table 태그 안에서 사용되며, 테이블의 제목을 표현한다.caption의 기본 속성: 테이블 위쪽, 가운데 정렬\-> 위처럼 사용할 수 있지만 지원하지 않는 브라우저가 많지 않아 실행이 잘 되지 않는다
3.[HTML]04_순서없는 목록 만들기(<ul>,<li>태그)
: html에서 목록을 만들기 위해서 ul과 li 두 가지 태그를 사용해야 한다.ul: Unordered List의 약자li: List의 약자disc(기본값): 속이 채워진 원형의 기호(default) circle: 속이 비워진 원형의 기호square: 사각형의 기호n
4.[HTML]05_순서있는 목록 만들기(<ol> 태그)
ol : Ordered List의 약자li : List의 약자: 목록의 순번을 숫자 이외의 방법으로 나타내기 위해서는 ol 태그 안에 type 속성을 추가해 주어야 한다.1 : 로마 숫자(default)A : 알파벳(대문자)a : 알파벳(소문자)I : 로마숫자(대문자)
5.[HTML]06_목록관련태그 응용(reversed)
ul(Unordered List) 태그: 순서가 없는 목록ol(Ordered List) 태그: 순서가 있는 목록(1,2,3,4)Li(List Item) 태그: ul, ol 태그 내부에 들어가 목록의 요소를 나타내는 태그start 속성: 시작 번호 지정reversed 속
6.[HTML]07_링크(link), 하이퍼링크(Hyperlink) 사용하기
1.HTML에서 링크(link) 삽입하기 : 인터넷에서 텍스트나 이미지를 클릭했을 때, 다른 페이지로 이동하는 기능을 구현하는 방법이다. 벨로그
7.[HTML]08_굵은 글씨(bold, 볼드체) 표현하기
<b>태그<strong/>태그오늘 저녁은 삼겹살이다.떡볶이는 역시 밀 떡볶이가 제일 맛있엉: <b>태그는 html의 스타일을 정의하는 태그이다. \-> 단순히 화며에 보여지는 모양을 정의한다.:<strong>태그는 html의 의미를 정의하는 태그이
8.[HTML]09_위첨자, 아래첨자 표현하기
: 위첨자란 보통크기의 글씨 위에 작게 쓴 글씨를 말한다.: 아래첨자란 보통크기의 글씨 아래에 작게 쓴 글씨를 말한다. : 주로 수학식 화학기호를 표현하거나 단락에서 주석을 표시할 때 많이 쓰이는 방식이다.: '위에 쓴'이라는 뜻의 영어 단어 'superscript'의
9.[HTML]10_기울임체(이탤릭체, italic)표현하기
<i>태그<em>태그: italic이라는 글자의 약자이다.저는 이탤릭체입니다.: emphasize의 약자로, 강조한다는 뜻이다.저는 이탤릭체 입니다.저는 이탤릭체 입니다.저는 이탤릭체 입니다.: <i>태그는 html의 스타일을 정의하는 태그이다. : 단
10.[HTML]14_ <from>태그로 사용자 입력 받기
: 사용자로부터 입력값을 전달 받기 위한 태그: 사용자의 입력은 여러가지 형태로 받을 수 있는데,타이핑, 셀렉트 박스, 체크박스, 라디오 버튼 등을 이용해서 사용자의 입력을 받을 수 있다.⭐️⭐️ <from>태그 안에는 여러가지 구성요소를 이용하여 다양한 형태의
11.[HTML]15_<input>태그로 패스워드(비밀번호) 만들기(password)
text: 일반 텍스트를 입력받을 수 있다.password: 패스워드를 입력받을 수 있도록, 입력값이 화면에 보여지지 않도록 한다.submit: <form> 태그 내에 입력된 데이터를 서버로 전달해 준다.button: 버튼을 생성해준다.checkbox: 체크박스
12.[HTML]16_입력받은 데이터 서버로 전송하기(submit)
: <input>태그의 type 속성을 submit이라고 지정해주면01\. 자동으로 데이터를 전송할 수 있는 버튼이 생성되고02\. 그 버튼을 클릭하면 지정된 URL로 <form>태그 안에 입력된 값들이 action 속성으로 지정된 서버 페이지로 전송된다.:
13.[HTML]17_<input type='button">
: type속성을 button으로 지정해주면 버튼이 생성된다,.: value속성을 지정해주면 지정된 '클릭해부세요'가 버튼에 표시된다.: 버튼을 클릭하면 실행할 이벤트를 지정하기 위해 'onclick' 이라는 이벤트명을 사용하였고 버튼이 클릭되면 '안녕하세요' 라는
14.[HTML]18_<input type="checkbox">
1. 체크박스(checkbox) 생성하기 성별 여성 남성 좋아하는 과일 사과 바나나 오렌지
15.[HTML]19_<input> 태그로 라디오버튼(radio)
: 라디오 버튼은 사용자의 선택을 "하나만" 입력 받을 수 있다.
16.[HTML]20_입력 데이터 초기화를 위한 리셋 버튼(reset)만들기
1. 리셋 버튼(reset) 생성하기 ` ID: PASSWORD: 성별 여성 남성 좋아하는 과일 사과 바나나 오렌지
17.[HTML]21_<input> 날짜, 시간 입력받기
: 날짜, 시간, 년도 등 시간 관련 정보를 입력 받기 위해서는 <input>태그에 type 속성 값을 지정해 주면 된다. month: 년, 월을 입력 받는다.data: 년, 월, 일을 입력 받는다.time: 시간(시, 분)을 입력 받는다.\_ datetime-l
18.[HTML]22_<input> 현재 날짜, 시간 세팅하기
: 현자 일자, 시간을 default값으로 지정하기 위해서는 JS를 사용해야 한다.!codepenleeu2u/embed/ZEMogVK?default-tab=html%2Cresult&theme-id=dark: HTML의 ID로 dom객체에 접근할 수 있다. : JS에서
19.[HTML]23_<input>태그+사용자로부터 색깔 입력받기
: <input> 태그의 type속성을 color로 지정하면 된다.
20.[HTML]24_툴팁(Tooltip)만들기
: 사용자가 웹브라우저의 이미지나 텍스트에 마우스를 가져다 대면, 그에 대한 설명이 말풍선 형태로 뜨는 것을 말한다.: 툴팁은 HTML 또는 CSS에서 만들어 줄수 있다. : 텍스트나 링크에 Tooltip을 만들기 위해서는 title이라는 속성을 이용한다.!codepe
21.[HTML]25_콤보박스(select)_기본값 지정, 비활성화, 항목 비활성화
: 아래로 펼쳐지는 목록 상자: 드롭다운 메뉴 또는 리스트박스를 만들 수 있다.: HTML select태그 내부의 항목: HTML에서 드롭다운 메뉴의 항목!codepenleeu2u/embed/gOdKOGX?default-tab=html%2Cresult&theme-id=
22.[HTML]26_콤보박스(select)(2)_사이즈 지정, 중복선택, 카테고리 설정
!codepenleeu2u/embed/YzOvzgr?default-tab=html%2Cresult&theme-id=dark: <select>태그에 size 속성을 지정하면 드롭다운 목록이 아닌, 선택 목록이 지정된 크기만큼 보여진다. : 선택 항목의 갯수의 siz