前端之HTML
2021-02-05 22:16
标签：sel 属性 BMI post script bsp 打印 ima 服务 前端和后端，站在代码执行位置的角度来区分的话，服务端所执行的代码被称为后端代码，也就是这部分代码是在服务器上运行的。 而我们所看到的网页内容，是我们的浏览器获取到服务器处理后发来的结果（代码）之后，在本地进行渲染后所呈现的效果。 总的来说，前端就是在客户端执行的代码，而后端，就是在服务端执行的代码。 HTML是 HyperText Mark-up Language 的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言。 这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页。 html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打开，浏览器会按照标签描述内容将文件渲染成网页，显示的网页可以从一个网页链接跳转到另外一个网页。 点此进入 前端之HTML 标签：sel 属性 BMI post script bsp 打印 ima 服务 原文地址：https://www.cnblogs.com/hgzero/p/13121587.html1. 前端概述
1.1 前端
也就是说，这部分代码是在客户端本地执行的，那么这些在客户端本地执行的代码就叫前端代码。1.2 HTML
2. HTML的基本标签
DOCTYPE>
html lang="en">
head>
title>Pray の 小破站title>
meta charset="UTF-8">
meta http-equiv="content-type" charset="UTF-8">
meta name="keywords" content="生活,日常,分享,扯淡">
meta name="description" content="人生天地之间，如白驹之过隙">
link rel="icon" href="https://cdn.jsdelivr.net/gh/hgzerowzh/blog_website/data/image/my_head_phote.png">
head>
body>
div id="first">这里是顶部，这里设了一个a标签的锚点div>
h1>1. 最基本的几个标签h1>
h2>1.1 几个特殊图标和符号h2>
p>这里的nbsp代表一个空格 p>
p>这里的>和<分别表示大于和小于p>
p>这里的br标签是br>换行标签p>
h2>1.2 几个字体格式h2>
strong>这是加粗标签，行内元素，表示非常重要的内容strong>
hr>
b>加粗，行内元素，原本没有语义，w3c强加了语义，表示文档中的关键字或者产品名b>
strike>这个标签是在文本上加删除线strike>
em>斜体标签，行内元素，表示语气中的强调词em>
h2>1.3 块级标签和内联标签，所有的标签都分为块级标签和内联标签h2>
span>这是一个内联标签，span>
span>span标签只占它所包含的内容的范围，span>
span>这里定义了三个span标签，它们显示在同一行了。span>
div>div是一个块级标签div>
div>每个div独占一行div>
div>a href="http://hgzerowzh.com">Pray の 小破站a>div>
h3>块级标签h3>
div>h1到h5的h系标签，h系列标签的自身特性是加大加粗div>
div>div标签是块级标签，div的特性就是一个白板div>
div>p标签，p标签的特性是段落和段落之间有间隙div>
h3>行内标签h3>
div>span标签，它的特性就是一个白板div>
h2>1.4 图片和超链接标签h2>
a href="http://hgzerowzh.com" target="_blank">
img src="https://cdn.jsdelivr.net/gh/hgzerowzh/blog_website/data/image/null-b836ed.jpg"
alt="图片显示失败后显示这里的内容" title="鼠标悬浮此图片上就显示这里的内容" width="150px" height="160px">
a>
div>div>
a href="https://cdn.jsdelivr.net/gh/hgzerowzh/blog_website/data/image/wechat_code_money.png"
target="_blank">打赏一下a>
a href="#top">回到首部a>
body>
html>
3. 列表和table表格
DOCTYPE>
html lang="en">
head>
title>Pray の 小破站title>
meta charset="UTF-8">
head>
body>
h1>1. 列表和表格h1>
h2>列表h2>
h3>有序列表h3>
ol>
li>ali>
li>bli>
li>cli>
ol>
h3>无序列表h3>
ul>
li>ali>
li>bli>
li>cli>
ul>
h3>自定义列表h3>
dl>
dt>第一章dt>
dd>第一节dd>
dd>第二节dd>
dt>第二章dt>
dd>第一节dd>
dd>第二节dd>
dl>
h2>table表格h2>
table border="1px" cellpadding="5x" cellspacing="2px">
thead>
tr>
th rowspan="2">111th>
th>222th>
th>333th>
tr>
thead>
tbody>
tr>
td>111td>
td colspan="2">222td>
tr>
tbody>
table>
table border="1px" cellpadding="5px" cellspacing="2px">
tr>
th rowspan="2">111th>
th>222th>
th>333th>
th>444th>
tr>
tr>
td colspan="2">222td>
td>333td>
tr>
table>
body>
html>
4. form表单和input标签
DOCTYPE>
html lang="en">
head>
title>Pray の 小破站title>
meta charset="UTF-8">
head>
body>
h1>1. 登录注册页面,form表单,input系列h1>
form action="http://127.0.0.1:8080/index" method="POST" enctype="multipart/form-data">
p>姓名input type="text" name="username" placeholder="姓名">p>
p>密码input type="password" name="password" placeholder="密码">p>
p>爱好：
音乐input type="checkbox" name="hobby" value="music">
电影input type="checkbox" name="hobby" value="movie" checked="checked">
电影input type="checkbox" name="hobby" value="talking">
p>
p>性别：
男input type="radio" name="gender" value="man" checked="checked">
女input type="radio" name="gender" value="women">
p>
p>input type="file" name="put_file">p>
p>input type="submit" value="提交注册">p>
p>input type="reset" value="重置">p>
p>input type="button" value="只是一个按钮">p>
form>
body>
html>
5. select标签和其他
DOCTYPE>
html lang="en">
head>
title>Pray の 小破站title>
meta charset="UTF-8">
head>
body>
h1>4. select标签和其他杂项h1>
h2>select标签h2>
地区：
select name="place" multiple="multiple" size="3">
option value="beijing" selected="selected">北京市option>
option value="shanghai">上海市option>
option value="hefei">合肥市option>
option value="chongqing">重庆市option>
option value="chengdu">成都市option>
select>
安徽：
select name="place" multiple="multiple" >
optgroup label="安徽省">
option value="anqing" selected="selected">安庆市option>
option value="合肥">合肥市option>
optgroup>
select>
h2>其他杂项h2>
简介
textarea name="desc" cols="20" rows="5">textarea>
div>div>
input id="www" type="text">
label for="www">姓名label>
body>
html>
6. 更多详细内容
上一篇：Jsoup介绍
下一篇：hibernate（二）