728x90
https://www.youtube.com/watch?v=33DjsANwlJk&list=PLG3vggjw_Mq3RhFr2L8HqaAok5eWfRf8H
📌 기술소개
📂 HyperText Markup Language
- HyperText: 하이퍼텍스트를 가장 중요한 특징으로 하는
- Markup: 마크업이라는 형식을 가진
- Language: 컴퓨터 프로그래밍 언어
- 사람과 기계가 소통하기 위한 약속이라는 의미에서 '언어'라고 부른다.
HTML은 웹 브라우저에 표시되는 웹 페이지를 만들어달라고 컴퓨터에게 요청하는 언어다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="Author" content="OpenTutorials">
<meta http-equiv="x-ua-compatible" content="IE=EDGE">
<meta name="viewport" content="width=1280">
<title>기술소개 - HTML 수업</title>
<link rel="apple-touch-icon" sizes="57x57" href="/static/img/common/favicon/apple-icon-57x57.png">
...
</head>
<body id="topic_index" class="module view sidebar everystudy logged_out revision">
...
</body>
</html>
📌 기본문법 1
📌 기본문법 2
📂 <strong> 태그
<strong>태그는 시작 태그와 닫히는 태그 사이의 문자를 강조 표시하라는 의미가 약속되어 있다.<strong>: 시작 태그</strong>: 닫히는 태그
📂 <h1> 태그
<h1>태그는 'heading 1'의 약자이다.- heading은 제목이라는 뜻이므로 웹 브라우저는 '오늘의 명언'이라는 부분을 제목으로 처리한다.
- 웹 브라우저에서는 제목은 굵고 큰 문자로 꾸며주고 줄바꿈을 한다는 약속이 되어 있는 것이다.
약속에 따라서 HTML 코드를 작성해서 브라우저에게 제공을 해야만 원하는 웹 페이지를 만들 수 있다!
📌 하이퍼텍스트와 속성
속성이라는 문법과 링크라는 HTML에서 가장 중요한 두 가지 기능을 알아보자.
📂 <a> 태그
<a>태그만으로는 동작하지 않는다. (정보 불충분)href라는 속성에는 이동할 url을,target이라는 속성에는 새 창이 열리도록 지정했다.- 속성의 이름에 따라 그 기능이 약속되어 있다.
- 속성의 순서는 상관없다.
📌 태그의 중첩과 목록
📂 <li> 태그
<li>태그로 각각의 항목을 리스트로 표현할 수 있다.<ul>태그와<ol>태그로 그룹핑을 해주었다.- 태그 안에 또 다른 태그가 존재할 수 있다.
- '순서가 있는 리스트'로 표현하고 싶다면
<ol>태그를, '순서가 없는 리스트'로 표현하고 싶다면<ul>태그를 사용하면 된다.
728x90
'기타 > 정리.zip' 카테고리의 다른 글
| [AWS EC2 + Docker + Github Actions + Spring Boot] 자동 배포 환경 (0) | 2023.07.16 |
|---|---|
| [MySQL] 코딩테스트 문법 정리 (0) | 2023.02.23 |
| [IntelliJ] 단축키 정리 (0) | 2023.02.04 |
| [Python] 코딩테스트 문법 정리 (0) | 2023.01.05 |
728x90
https://www.youtube.com/watch?v=33DjsANwlJk&list=PLG3vggjw_Mq3RhFr2L8HqaAok5eWfRf8H
📌 기술소개
📂 HyperText Markup Language
- HyperText: 하이퍼텍스트를 가장 중요한 특징으로 하는
- Markup: 마크업이라는 형식을 가진
- Language: 컴퓨터 프로그래밍 언어
- 사람과 기계가 소통하기 위한 약속이라는 의미에서 '언어'라고 부른다.
HTML은 웹 브라우저에 표시되는 웹 페이지를 만들어달라고 컴퓨터에게 요청하는 언어다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="Author" content="OpenTutorials">
<meta http-equiv="x-ua-compatible" content="IE=EDGE">
<meta name="viewport" content="width=1280">
<title>기술소개 - HTML 수업</title>
<link rel="apple-touch-icon" sizes="57x57" href="/static/img/common/favicon/apple-icon-57x57.png">
...
</head>
<body id="topic_index" class="module view sidebar everystudy logged_out revision">
...
</body>
</html>
📌 기본문법 1
📌 기본문법 2
📂 <strong> 태그
<strong>태그는 시작 태그와 닫히는 태그 사이의 문자를 강조 표시하라는 의미가 약속되어 있다.<strong>: 시작 태그</strong>: 닫히는 태그
📂 <h1> 태그
<h1>태그는 'heading 1'의 약자이다.- heading은 제목이라는 뜻이므로 웹 브라우저는 '오늘의 명언'이라는 부분을 제목으로 처리한다.
- 웹 브라우저에서는 제목은 굵고 큰 문자로 꾸며주고 줄바꿈을 한다는 약속이 되어 있는 것이다.
약속에 따라서 HTML 코드를 작성해서 브라우저에게 제공을 해야만 원하는 웹 페이지를 만들 수 있다!
📌 하이퍼텍스트와 속성
속성이라는 문법과 링크라는 HTML에서 가장 중요한 두 가지 기능을 알아보자.
📂 <a> 태그
<a>태그만으로는 동작하지 않는다. (정보 불충분)href라는 속성에는 이동할 url을,target이라는 속성에는 새 창이 열리도록 지정했다.- 속성의 이름에 따라 그 기능이 약속되어 있다.
- 속성의 순서는 상관없다.
📌 태그의 중첩과 목록
📂 <li> 태그
<li>태그로 각각의 항목을 리스트로 표현할 수 있다.<ul>태그와<ol>태그로 그룹핑을 해주었다.- 태그 안에 또 다른 태그가 존재할 수 있다.
- '순서가 있는 리스트'로 표현하고 싶다면
<ol>태그를, '순서가 없는 리스트'로 표현하고 싶다면<ul>태그를 사용하면 된다.
728x90
'기타 > 정리.zip' 카테고리의 다른 글
| [AWS EC2 + Docker + Github Actions + Spring Boot] 자동 배포 환경 (0) | 2023.07.16 |
|---|---|
| [MySQL] 코딩테스트 문법 정리 (0) | 2023.02.23 |
| [IntelliJ] 단축키 정리 (0) | 2023.02.04 |
| [Python] 코딩테스트 문법 정리 (0) | 2023.01.05 |
