JavaWeb의 HTML 기본 학습에 대한 자세한 소개-HTML 튜토리얼-php.cn

html 동작 아이디어

글꼴 태그

注释

列表标签

图像标签

路径（相对路径）

超链接标签

表格标签

html的五个规范

表单标签

html中其它的常用标签的使用

html头标签的使用

框架标签的使用

html 헤더 태그 사용

사용 프레임 태그

집

웹 프론트엔드

HTML 튜토리얼

JavaWeb의 HTML 기본 학습에 대한 자세한 소개

黄舟

Jul 24, 2017 pm 01:49 PM

html javaweb web

JavaWeb01_html 기본

html 동작 아이디어

태그를 사용하여 동작할 데이터를 감싸고, 태그의 속성값을 수정하여 태그의 데이터 스타일을 변경합니다

글꼴 태그

속성: size 값 범위 1~7 색상: 영어 단어, 16진수 #ffffff

제목 태그 `<h1> ... <h6> code><code><h1> </h1> ... <h6> </h6>`

从h1到h6越来越小，自动换行

注释

列表标签

<dl> <dt></dt> <dd></dd> </dl>
有序
无序

图像标签

<img src="图片的路径" width="" height="" alt="" />
alt:浏览器的兼容性很差

路径（相对路径）

超链接标签

<a href="路径">显示在页面上的内容</a>

打开方式 target=”_self _blank”
默认是在当前页面打开

表格标签

<table>
    <tr>
        <td></td>
        <th></th>   <!--加粗和居中-->
    </tr>
</table>

로그인 후 복사

html的五个规范

一个html文件开始标签和结束的标签<html>和</html>
html包含两部分内容

<head>设置相关信息</head>
<body>显示在页面上的内容都写在body里面</body>

html的标签是成对的
html的代码不区分大小写
有些标签，在标签内结束。比如换行:<br /> 分割线:<hr />

表单标签

可以提交数据到服务器，这个过程可以用表单标签实现
<form>和</form>

get请求地址栏会携带提交的数据，post不会携带
get请求安全级别较低，post较高
get请求数据大小的限制，post没有限制
常用的有两种 get和post get默认就是get请求
action:提交到地址，默认提交到当前页面
method:表单的提交方式
enctype: 一般请求下不需要这个属性，做文件上传时候需要设置这个属性
面试题目：get和post区别

输入项：可以输入内容过选择内容的部分

普通输入项：<input type="text"/>
密码输入项：<input type="password"/>
单选输入项：<input type="radio"/>
-> 在里面需要属性name
-> name的属性值必须要相同
-> 必须有一个value值
复选输入项：<input type="checkbox"/>
-> 在里面需要属性name
-> name的属性值必须要相同
-> 必须有一个value值
文件输入项（在后面上传时侯用到）
-> <input type="file"/>

下拉输入项（不是在input标签里面的）

<select name="birth">
    <option value="0">请选择</option>
    <option value="1991">1991</option>
    <option value="1991">1992</option>
    <option value="1991">1993</option>
    <option value="1991">1994</option>
</select>

로그인 후 복사

文本域
```
<textarea cols="10" rows=""></textarea>
```
로그인 후 복사
隐藏项（不会显示在页面上，但是存在于html代码里面）
```
<input type="hidden"/>
```
로그인 후 복사
提交按钮

<input type="submit"/>
<input type="submit" value="注册"/>

로그인 후 복사

使用图片提交
```
<input type="image" src="a.jpg"/>
```
로그인 후 복사
大部分的输入项使用 <input type="输入项的类型"/>

html中其它的常用标签的使用

b –加粗
s –删除线
u –下划线
i –斜体
pre –原样输出
sub和sup
🎜🎜 h1부터 h6까지 점점 작아지고, 자동 줄 바꿈🎜🎜🎜🎜 comments🎜🎜🎜🎜🎜🎜🎜🎜list Tags🎜🎜 🎜🎜<dl> <dt></dd> </dl>🎜🎜🎜🎜없음 서문 🎜🎜🎜 🎜이미지 태그🎜🎜🎜🎜<img src="이미지 경로" width="" height="" alt="" />🎜🎜🎜🎜alt: 찾아보기 호환성 찾아보기 서버 상태가 매우 좋지 않습니다. 🎜🎜🎜🎜 경로(상대 경로) 🎜🎜🎜🎜 같은 디렉터리에: 하위 디렉터리에 🎜🎜🎜🎜 직접 작성: 상위 디렉터리에 image/1.jpg 🎜🎜🎜🎜: .. /🎜🎜🎜🎜하이퍼링크 태그🎜🎜<a href="path">페이지에 표시되는 콘텐츠</a>🎜🎜🎜🎜target="_self _blank"로 열기 🎜 🎜🎜🎜기본값은 현재 페이지에서 열리는 것입니다🎜🎜🎜🎜테이블 태그🎜rrreee🎜html의 다섯 가지 사양🎜🎜🎜🎜html 파일 시작 태그와 끝 태그 <html> 및 </html>🎜🎜🎜🎜html에는 두 부분의 콘텐츠가 포함되어 있습니다🎜🎜
div – 자동 줄 바꿈 div –自动换行
span –在一行显示