728x90
300x250
티스토리 블로그를 하면선 HTML을 처음 접하게 되었을때
머리속이 하얗게 변하는 경험을 했습니다.
그런데 사용해 보니 그렇게 어렵지 않더라구요.
그래서 그 마음을 너무나 잘 알기 때문에 초보자 가이드를 쓰게 되었습니다.
시각 장애가 있는 사용자도 HTML을 시작하는 데 도움이 되기를 바라며
만든 단계별 가이드입니다.
특히 시각 장애인을 위해 주변의 자문을 받아
각 단계별 명확하고 간단하게 설계하였습니다.
많은 도움 되시기를 바랍니다.
초보자를 위한 HTML 기초: 시각 장애인을 위한 단계별 가이드
1단계: HTML 이해
HTML은 HyperText Markup Language의 약자입니다.
웹페이지 제작을 위한 표준언어입니다.
웹페이지의 백본(중추망)이라고 생각하세요.
2단계: 작업 공간 설정
Windows의 메모장이나 Mac의 TextEdit과 같은
간단한 텍스트 편집기를 사용하여 HTML 코드를 작성하세요.
스크린 리더가 활성화되어 있고 준비되어 있는지 확인하세요.
3단계: 첫 번째 HTML 문서 만들기
4단계: HTML 요소 이해
- <html>: 페이지의 루트 요소입니다.
- <head>: 문서에 대한 메타 정보를 포함합니다.
- <meta charset="UTF-8">: 문자 인코딩을 지정합니다.
- <title>: 페이지 제목을 설정합니다.
- <body>: 페이지의 콘텐츠를 포함합니다.
5단계: 제목 및 텍스트 추가
8단계: 페이지 저장 및 보기
확장자 를 사용하여 파일을 저장하세요 .html.
웹 브라우저에서 열어 웹페이지를 확인하세요.
축하해요! 첫 번째 HTML 페이지를 만들었습니다.
웹 개발 여정을 계속하면서 더 많은 HTML 요소와 속성을 자유롭게 탐색해 보세요.
728x90
300x250
'Techinity(테크니티) > 인공지능과 Techinity(테크니티)' 카테고리의 다른 글
| [초보자가이드] sns 빠르게 시작하는 방법 (1) | 2024.01.24 |
|---|---|
| 구글 테그 관리자 : 구글 테그 관리자 설치하는 방법 (6) | 2024.01.22 |
| 'robots.txt에 의해 차단됨' 오류가 나타나는 이유와 해결 방법 (5) | 2024.01.08 |
| [초보가이드] 다른 사람이 내 사이트에 링크하도록 백링크 구축하기 (1) | 2024.01.07 |
| [초보자 가이드] 애드센스 지급 보류 원인과 설정 해결하기, 변경하기 (6) | 2024.01.05 |