随笔分类 - HTML基础知识
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 该标签主要功能是做一个框，大概样子如下： 结果展示： 我们可以在该框内做一下操作： 结果展示：
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 Label标签是用来把用字和输入框进行关联的，比如一个输入用户名界面，你想输入用户名需要点击输入框，label标签可以关联输入框，你点击label标签内容自动跳转到输入库，代码如下： 结果展示：
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 结果展示： 这样就是一个表格了，当然样式不太好看，我们给他加上边框border 结果展示： 是不是好一点了，但是上面代码不太规范，需要优化一下 效果和上面一样 合并单元格：colspan属性 结果展示： 这样看单元格是合并了，但是有一个问题，多出
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 <img>标签是用来显示图片的 结果展示： 注意事项：图片需放在html同一目录，不然需要写上图片的相对路径 以上结果可以看出图片加载成功了，但是有点大，优化一下就上长和宽： 结果展示： 给图片加超链接跳转功能，比如淘宝一点击商品图片就跳转到商品
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 <a>标签主要用来做超链接跳转，不能提交到数据库，还可以做锚，<a>标签是行内标签 <a>标签之超链接 结果展示： 点击百度会跳转到百度首页 <a>标签之锚 锚是用来在同意页面做跳转的，和目录差不多，锚需要锚点，用ID实现 锚是通过id属性来关联
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 1、多行文本代码是<textarea></textarea> 结果展示： 输入内容可以换行 给多行文本增加默认值，在<textarea></textarea>标签内输入文本就是默认值 结果展示： 不要忘记加上name属性，因为像后台提交数据都需要
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 一般输入界面都有有一个重置按钮，功能是用来清空用户输入内容的，代码如下：<input type="reset" value="重置"> 结果： 点击重置按钮会清空用户输入，但是不会清空默认值。
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 结果展示： 点击选择文件打开选择文件对话框，但是上述HTML代码还不可以工作是因为没有name后台接收不到数据，更改后代码： 结果展示： 这样看起来好像是可以了，小伙子不要着急，这样还是不行滴，因为提交文件依赖form表单的一个属性enctype
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 新建.html格式文件，输入一下内容 结果展示： 根据以上结果展示，可以看出实现了多选，但是还有一个问题，提交后往后台发送内容为NO，这是怎么回事呢，别急其实前端也就是WEB想后台提交数据是已列表形式来提交的，现在只提交了name也就是列表的名字
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 新建.html格式文件，输入以下内容 使用浏览器打开后展示内容： radio类型在浏览器中显示为单选框，但是有一个问题是，在以上结果展示中可以看出，虽然为单选框，但是可以都选中，我们给radio加入name 结果展示： 这样就实现了单选框操作，性
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 编码 该部分指定了html的编码格式为utf-8 Title文件名，指的时html在浏览器中显示的名字 结果展示： 刷新和跳转 刷新<meta http-equiv="Refresh" content='3'> 结果展示：3秒自动刷新页面 跳转：
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 许多元素都可以设置属性。那么属性是什么？ 也许你还记得，HTML 通过标签告诉浏览器如何展示网页（比如 <br /> 告诉浏览器显示一个换行）。你可以为某些元素附加一些信息，这些附加信息被称为属性（attribute ）。 例1： <h2 sty
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 如何做链接？ 做链接也是通过元素（element）实现的。 做链接只需一个元素和一个属性就行了。下面是一个例子，它是一个指向 chinahtml.com 的链接： 例1： <a href="http://url.cn/OHnOmN/">这是一个指
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 HTML是用来制作网站的。就这么简单。（HTML 是“HyperText Mark-up Language（超文本标记语言）”的缩写） HTML 是浏览器的“ 母语” 。长话短说，HTML 是由一名叫 Tim Berners-Lee 的科学家发明
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 HTML 的重要成分——元素（element ）。元素用于结构化 HTML 文档，并告知浏览器如何呈现网页。一般来说，元素由首标签（starttag ）、内容（ content）和尾标签（end tag）构成。 “ 标签” 是什么？ 标签（tag
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 有了从前面几课的基础，现在只需再花几分钟时间，你就能学会如何制作自己的第一个网站了。 # 我是可耻的分割线 如何做呢？ 首页新建一个记事本并把文件最后修改为html 然后呢？ 先试着做一个显示如下内容的网页：“哇！这是我的第一个网站。”继续学习，
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 现在要学习七个新元素。前面学过，你可以通过用 <b> 和 </b> 把文本括起来，把文本设为粗体；类似地，你可以通过用<i> 和 </i> 把文本括起来，把文本设为斜体。没错， 这里的“i”是“斜体（italic）”的意思。 同样，你可以用 sm
阅读全文
摘要：随笔记录方便自己和同路人查阅。 # 我是可耻的分割线 想要在HTML中加入图片其实很简单，如例1： 例1： <img src="david.jpg" alt="David" /> 你要做的只是：首先告诉浏览器你要插入一张图片（ img ），接着给出这张图片的存放位置（ src ，代表“来源（sour
阅读全文