12. 앵커anchor 태그 하이퍼링크를 만드는 데 흔히 사용하며, 아~~주아주 자주 사용된다. tag를 통해서 다른 웹 페이지, 이메일 주소, 파일, 심지어는 현재 페이지의 다른 부분으로 스크롤이 내려가는 것까지 해낼 수 있다. I AM A LINK! 이렇게만 쓰면 하이퍼링크가 되지 않는다. 이유는 앵커 태그에서 가장 중요한 필수 사항인 '목적지' 즉, I AM A LINK!를 눌렀을 때 연결되는 페이지가 지정되지 않아서이다. 목적지는 보통 아래 두 가지 방법으로 지정한다. ① URL I AM A LINK! ② 다른 HTML 문서 (여기서는 about.html이라는 파일이 있다고 가정하기로^^) ABOUT PAGE VSCode에서는 빈 줄에 a 를 누르고 Tab 을 누르면 자동으로 가 입력된다. 13...

웹 페이지에 이미지를 삽입할 때는 라는 tag를 사용한다. 다른 tag들 처럼 닫히는 tag로 감싸줄 필요가 없다는 의미로 tag의 후반부에 /를 써준다. src = source. 이미지가 위치하는 URL alt = alternative. 한국어로는 대체 텍스트라 한다. 이미지가 로딩되기 전이나, 이미지를 로딩할 수 없는 경우 이미지의 위치에 텍스트가 표시된다. 시각 장애인을 위한 장치와 검색엔진에서도 사용된다. 그래서 꼭 쓰는 것이 좋다. width, height = 이미지의 크기. px단위. 브라우저가 자동으로 이미지의 크기를 인식해서 제 크기로 표시해주지만, 별도의 크기를 원할 경우는 tag 내에 명시해 주면 됨. 명시해놓으면 웹 페이지의 로딩이 오래걸리는 동안 화면 내에서 갈피가 잡히지 않고 흔들..

- 다양한 form에서 client가 입력한 정보를 받을 때. - 보통 속성 type를 사용해 입력하는 정보의 성격을 정함. type="text" - 한 줄짜리 text 입력하는 text box 삽입. ex, 아이디, 이름, 주소 등 한 줄짜리 일반 text. type="password" - 비밀번호 입력하는 field 삽입. - *모양이나 ●모양으로 보이는 점 빼면 다른 성격은 type="text"와 똑같음. size - text나 password가 화면에 몇 글자가 보이게 할 건지 지정. value - text field 부분에 보여주는 내용. - 이거 안 쓰면 빈 text field가 보임. - password에서는 안 씀. maxlength - text나 password 최대 입력 가능한 문자 수..

- 웹 문서에 이미지(image) 삽입. src - 이미지 파일 경로를 지정하는 속성. cf, 경로? 현재 HTML 문서에서 이미지 파일이 있는 곳까지 어떻게 찾아가야 하는지 알려줌. - 이미지 파일이 웹 문서 파일과 같은 경로에 있다 → 이미지 파일 이름만 작성. - 이미지 파일이 웹 문서 파일이 있는 폴더의 하위 폴더에 있다 → 폴더명까지 작성. alt - screen reader(화면 낭독기) 등에서 이미지를 대신해 읽어줄 text를 입력하는 속성. - 이미지를 text로 대신 설명한다고 생각하면 됨. - 인터넷 환경이 불안정하거나 이미지 파일 경로를 잘못 입력 했을 때도 텍스트로 나타남. - 이미지 부연설명 입력하지 ×. - 이미지 클릭 시 보여줄 화면이나 이미지에 적힌 내용을 입력하기. - 이미..