JAVA学习10_18学习总结

10_18

1.常用文本标签

h1.....h6文本标题标签

<h1>欲买桂花同载酒</h1>
		<h2>欲买桂花同载酒</h2>
		<h3>欲买桂花同载酒</h3>
		<h4>欲买桂花同载酒</h4>
		<h5>欲买桂花同载酒</h5>
		<h6>欲买桂花同载酒</h6>

 水平线 分割线

<hr />

<p>  </p>文本段落标签
                        可以分段落，一个段落占一行
                        可以在里面添加属性，控制字体的大小，颜色等

i , em斜体标签  (在程序中没有什么不一样)
                    直接加斜体：i
                    带有语义斜体：em

b , strong文本加粗标签  (在程序中没有什么不一样)
                        直接加粗：b
                        带有语义加粗：strong

q 文本引用标签

blockquote 文本段落引用标签

<h1>钟离</h1>
<p>钟离样貌俊美，举止高雅，拥有远超常人的学识。虽说来历不明，却知礼数、晓规矩。坐镇<i>往生堂</i>，能行天地万物之典仪。</p>
<p>在璃月的传统中，<em>请仙</em>与<em>送仙</em>是同样重要的事。最擅长<em>送仙</em>一道的，莫过于胡家传承七十七代的<i>往生堂</i>。但<i>往生堂</i>的堂主胡桃本人，主要还是专注于送别凡人的技艺。</p>
<p>送别仙人的诸般仪式，则交由一位<b><i>道上的朋友</i></b>—钟离打理。</p>
<blockquote>
			<p>若人们以<strong>通古晓今</strong>来形容钟离，他只会无奈地一笑，叹道: <q><strong>我只是……记性很好。</strong></q></p>
		</blockquote>

pre 原样输出标签
                浏览器把我们写的内容打包原样输出

<pre>
			 class HalloWorld{
				 public static void main(String[] args){
					System.out.println("HalloWorld!");
				 }
			 }
		 </pre>

html中常用的转义字符
                    一个空格：&nbsp;
                    两个空格：&ensp;
                    ">"字符转义：&gt;
                    "<"字符转义：&lt;
                    版权所有：&copy;
                    商标所有：&reg;
                    上标：
                    下标：

<!-- <br/> 换行 -->

<p>我叫钟&nbsp;离</p>
		  <p>我真的叫钟&ensp;离</p>
		  &ge;&le;<br/>
		  往生堂<sup>&copy;</sup>
		  客卿<sup>&reg;</sup><br/>
		  H<sub>2</sub>O

2.列表标签

ul 无序列表标签
                无序列表列表项：li
                无序列表属性：type (列表项前的标记点)
                            实心圆点：disc(默认)
                            空心圆点：circle
                            实心方块：square

<p><b><i>往生堂人物列表</i></b></p>
			<ul>
				<li>胡桃</li>
					<ul type="circle">
						<li>女</li>
					</ul>
				<li>钟离</li>
					<ul type="square">
						<li>男</li>
					</ul>
				<li>仪倌小妹</li>
					<ul type="disc">
						<li>女</li>
					</ul>
			</ul>

ol 有序列表标签
                有序列表列表项：li
                有序列表属性：type (列表项前的标记点)
                            阿拉伯数字：1(默认)
                            罗马数字：Ⅰ
                            大小写字母：A a

<p><b><i>往生堂业务排名</i></b></p>
			<ol>
				<li>胡桃</li>
				<li>仪倌小妹</li>
				<li>钟离</li>
			</ol>

dl 自定义列表标签
                自定义列表列表项：dt
                定义自定义列表列表项：dd

<p><b><i>往生堂人物详情</i></b></p>
			<dt>胡桃</dt>
				<dd>生命值：100</dd>
				<dd>攻击力：100</dd>
				<dd>防御力：100</dd>
			<dt>仪倌小妹</dt>
				<dd>生命值：100</dd>
				<dd>攻击力：50</dd>
				<dd>防御力：50</dd>
			<dt>钟离</dt>
				<dd>生命值：100</dd>
				<dd>攻击力：10</dd>
				<dd>防御力：200</dd>

3.滚动标签

marquee 文本滚动标签  (字幕)
                    滚动标签属性：
                            背景颜色：bgcolor
                            滚动方式：behavior
                                连续滚动：scroll(默认值)
                                滚动一次停止：slide
                                来回滚动：alternate
                            滚动方向：direction
                                从右到左：left(默认值)
                                从左到右：right
                            滚动速度：scrollamount
                                值是正整数：6(默认值)
                            滚动延时：scrolldelay
                                值是正整数：0(默认值) 单位是毫秒

<marquee direction="right"
				  bgcolor="crimson"
				  behavior="alternate"
				  scrollamount="6"
				  scrolldelay="0">欢迎来到提瓦特!</marquee>

4.块元素

div 块元素，多个div之间自带换行效果
                    应用场景：配合CSS(为html进行修饰)，完成层级页面布局

<div>欲买桂花同载酒</div>
		 <div><b>欲买桂花同载酒</b></div>

span 行内标签 不像div自带换行效果，处在同一行
                    应用场景：再输入完成或失败的时候，用来提示完成或失败

<span>终不似，少年游</span>
		 <span><b>终不似，少年游</b></span>

5.超链接标签

html 超链接标签
                    a 标签表示
                    超链接属性—：
                        创建一个指向另一个文档的链接：href
                        打开资源地址的方式：target
                                    当前窗口打开：_self
                                    新窗口打开：blank
                    name 标签表示
                    作为锚点标签来显示
                    格式：<a name="锚点名称"><a/>(记录锚点)
                         <a href="#锚点名称"><a/>(读取锚点)

<a href="01_常用文本标签.html">跳转到常用文本标签</a><br/>
		 <a target="_blank" href="https://ys.mihoyo.com/?utm_source=adbdpz&from_channel=adbdpz#/">跳转到原神</a>

6.图像标签

img 图像标签
                语法规则：<img src="url"/>
                        链接到图片的地址：src(统一字符定位符)
                            相对路径：在当前Web项目下的路径
                            绝对路径：很明确的路径 eg：D:\桌面\桑梓睿\10_18\code\10_18_html\img\摆烂.jpg
                图像标签属性：
                        宽度：width
                        高度：height
                        鼠标悬停显示：title
                        图像不显示代替字：atl
                访问图片需要返回上级菜单时：../

<a href="../07_宣传页.html">
			 <img src="../img/钟离%20.png" width="100%" height="100%" title="你在看什么" alt="我不知道你在看什么" />
			 </a>