티스토리 뷰
css 연결하기
<link rel="stylesheet" href="design.css">
한 문장 안에 넣기
<p style="color: blue">Lorem ipsum dolor.</p>
태그 안에 넣기
<style>
h1 {
color: blue;
}
</style>
<style> 태그는 보통 <head>와 </head> 사이에 넣으나, HTML 문서의 어디에 넣어도 잘 적용됩니다. 이 방법은 HTML 문서 안의 여러 요소를 한번에 꾸밀 수 있다는 장점이 있으나, 또 다른 HTML 문서에는 적용할 수 없다는 단점이 있습니다.
이미지 있는 버튼
<input type="image" src="key.png" alt="Submit" width="48" height="48">
grid-row, grid-column
justify-content
div에 딱 맞는 이미지(버튼):
section과 div의 차이: 내용이 서로 관계가 있다면 section, 없다면 div
document.getElementById("1").innerHTML = "4";
innerHTML=" "
: 예를 가지고 이해하는 것이 빠르다.
예를 들어 HTML로 [홍길동]이라는 콘텐츠를 화면에 출력하였다.
이 HTML 요소에 접근하여 [홍길동]을 [이순신]으로 바꿔 출력하게 만들려면 이 속성을 사용해야 한다. 그리고 HTML 요소에 접근하려면 document.getElementById 메서드를 함께 사용한다.
First name: <input type="text" name="fname"><br>
<form>태그
- 사용자가 입력하는거 받아올 때 사용
- 다른 페이지에 넘길 때 사용
- <input> 요소들 , 예를 들면 text, checkbox, submit 같은거 포함한다고 함
내가 하는걸 위해서는 number input과 submit button을 만들면 될 것 같당
<form action="ReceivePage.jsp" method="post">
* jsp: java server page
<script>
function returnNum(){
var x = document.getElementById("myNum").value;
document.getElementById("p").innerHTML = x;
}
</script>
'Web' 카테고리의 다른 글
| [web] ajax란? (0) | 2019.07.26 |
|---|---|
| VSCode Open in browser 단축키 (0) | 2019.07.16 |
| django 설치하기 (0) | 2018.12.29 |
| [web] 모바일 브라우저 설정창까지 색 변경하기 (0) | 2018.11.12 |
| div, span 태그 사용하기 (0) | 2018.11.05 |