프로그래밍

[Web] day32 : HTML / CSS 본문

Web/Web

[Web] day32 : HTML / CSS

시케 2023. 6. 27. 17:17
728x90
반응형

2023.06.20.수

HTML / CSS

기본적인 태그들을 알아보도록 하자

2023.06.21 - [HTML+CSS] - [HTML] HTML이란?

 

[HTML] HTML이란?

HTML5란? HTML5에 대해 얘기하기 위해서는 Web에 대해 먼저 이야기할 필요가 있을 것 같습니다 웹은 www라고 부르며 World Wide Web의 약자 입니다 네트워크에 연결된 시스템의 정보를 한 위치에서 검색

dev-9rm.tistory.com

 

HTML

<title>day32/test01</title>

사이트의 제목을 설정한다

 

<h1>제목</h1>
<h2>제목2</h2>
<h3>제목3</h3>
<h4>제목4</h4>
<h5>제목5</h5>
<h6>제목6</h6>

제목처럼 크기를 설정한다

 

<hr>

수평선을 삽입한다

 

글자&nbsp;
&lt;작성중&gt;

HTML에서는 꺽쇠나 띄어쓰기 등이 HTML 언어와 구분이 안되기 때문에 별도의 방법으로 명시해야 한다

 

<link rel ="stylesheet" href="css/style.css">

외부 CSS 시트를 통한 스타일 적용

 

<script type="text/javascript">
	alert("알림창")
</script>

스크립트를 통한 알림창 띄우기

 

<script type="text/javascript" src = "js/javascript.js"></script>

외부 스크립트 적용

 

<div> 박스 태그 : 블록</div>
<div> 블록 속성</div>
<div> 블록 속성은 한 줄을 전부 차지</div>

블록 속성의 태그들은 한 줄을 전부 차지한다

 

<span>글 상자 태그</span>
<span>인라인 속성</span>
<span>자기 자신 태그까지만 공간을 차지</span>

인라인 속성은 자기 자신 태그까지만 공간을 차지한다

 

728x90
반응형

'Web > Web' 카테고리의 다른 글

[Web] day32 : radio 버튼  (0) 2023.07.03
[Web] day32 : form 태그  (0) 2023.07.03
[Web] day32 : table 태그를 활용하여 표 만들기  (0) 2023.07.03
[Web] day32 : HTML 이미지 태그  (0) 2023.07.03
[Web] day32 : HTML 시맨틱 태그  (0) 2023.07.03
'Web/Web' Related Articles more
Comments