5513人加入学习
(22人评价)
Web前端第一季(HTML)

制作完成于2018年5月25日

价格 免费

预标签<pre></pre>格式和字体和网页都相同

字体标签<font color="green" size="7" face="隶书"></font>

[展开全文]

加粗<b></b>  <strong></strong>

倾斜<i></i>  <em></em>

下标<sub></sub>  2<sup>2</sup>=4   <sup></sup>    <sub>[1]</sub>

[展开全文]

meta标签放在head标签下

注释<!--内容-->,快捷键右键区块注释

[展开全文]

特殊符号要使用相应的字符实体名称:w3school

空格&nbsp < &lt > &gt  & &amp 

[展开全文]

 图片
 <img src="xx/xx/xx.jpg" align="right middle left"width="xxxpx 90%"height = "xxxpx 10%" alt="解释"/>
 如果使用百分比的时候,是相对于父容器大小的百分比
 alt的作用:http:www.w3school.com.cm/tags/att_img_alt.asp
 alt利用于搜索引擎的搜索
 相对路径和绝对路径
 path=
 当前路径./xx.jpg
 上一级路径:../xx.jpg
 上上一级路径:../../xx.jpg
 下一级路径:xx/.xx.jpg
path="c:\users\souke\Desktop\web\01.jpg"
一般在项目中都使用相对路径

[展开全文]

无序列表

从1开始

<ul type="1">

<li></li>

</ul>

有序列表

从i开始

<ol type="i">

<li></li>

</ol>

[展开全文]

<dl>
<dt>水果</dt>(标题)
<dd>苹果</dd>
<dd>香蕉</dd>
<dd>橘子</dd>
</dl>

[展开全文]

表单<form>

文本输入框<input/>

          <input type="text"/> 

 

[展开全文]

超链接

<a href="http://www.baidu.com">进入百度</a>
    
<a href="02段落和标题.html">进入到段落那个网页</a>

<a href="#">空连接</a>

给文字超链接

<a href="http://www.sikiedu.com/">《API》

给图片超链接<img src="Img/01.jpg"/></a>
 

[展开全文]

<input type="text" name="username" value="siki" maxlength="6" placeholder="请输入你的用户名"/>     value为默认值 maxlength

[展开全文]

打开一个空白的选项卡

<a href="http://www.baidu.com" target="_blank">进入百度</a>

当前页面覆盖掉

<a href="02段落和标题.html" target="_self“>进入到段落那个网页</a>

鼠标放上去会有提示的文字

<a href="http://www.baidu.com" target="_blank" title="我是超链接的标题">进入百度</a>

通过name来定义锚点,#+锚点跳转到锚点指定位置

<a href="#" name="chapter1"></a>(锚点) 
<h1>第一章</h1>
sdfjs<br/>sdsg收到嘎斯是速度fjs<br/>s使对方是个dfjsdfjs<br/>
使得法国sdfjs<br/>晚上的方式大概sdfjs<br/>

 

[展开全文]

1.从另外页面进入其他页面锚点的位置

<a href="11超链接与锚点.html#chapter2">《斗破苍穹》第二章</a><br/>

2.用超链接实现下载压缩包

<a href="Img.zip">下载图片 </a>

3.发送邮箱(一般不用这种方式)

<a href="mailto:1250646721@qq.com">联系我们</a>

[展开全文]

css html js web三大语言

java基础1~4然后到javaee web jsp serv

[展开全文]

HTML不区分大小写,习惯小写

又开始,基本有结束(有特例,如hr/线)

[展开全文]

  文档类型和网页编码

  • <!DOCTYPE html>   html5
  •  常用支持中文的编码格式: utf_8   gbk  gb2312
  • <!--     -->  注释 
[展开全文]

段落标签和标题标签

  • <h1></h1>.......<h6></h6>(越来越小)
  • <p></p>
[展开全文]

108-标签的属性和段落的对齐属性

  • align="center" or"right"   or "left"
[展开全文]