博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html学习笔记
阅读量:6732 次
发布时间:2019-06-25

本文共 4231 字,大约阅读时间需要 14 分钟。

hot3.png

1,颜色 color:#930;

2,文字大小  font-size:15px;

3,文字居中 text-align:center

4,插图片链接  <img src="#">

5,浏览器标题信息 <head>  <title> </title></head>,

6,注释 <!--   -->,

7,分级标题<h1></h1> <h2></h2>

8,字体加粗<strong></strong>

9,斜体<em></em>,

10,单独设置文字样式 <span></span>   <head> <style>  color:blue;</style>  </head>

11,引用 <q></q>  :双引号

12,长文本引用 <blockquote  ></blockquote> :让文本为缩进式

13,回车 <br/>  :在需要还行的地方处添加

14,空格  

15,分割线 <hr/>

16,地址显示<address></address>

17,加入一行代码语言 <code> </code>

18,加入大量代码 <pre> </pre>

19,添加列表 <ul>    //没有前后顺序信息的列表信息

         <li>  </li>   //一行

          <li>  </li>

       </ul>

20,添加有序列表

      <ol>  

         <li>  </li>

          <li>  </li>

       </ol>

21,独立板块  <div  id="模板名称">  </div>

22,表格  <table> <tbody> <tr>  //一行<th> //一列   </th> </tr> </tbody> </table>

23,表格的摘要 <table summary="简介文档">

24,表格标题 <table>  <caption>标题文本</caption> </table>

25,网页链接 <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

 

26,在新建浏览器窗口中打开链接  <a href="#" target="_blank">click here! </a>

 

27,链接Email地址 

1,邮箱地址 <a href="mailto:yy@qq.com">发送</a>

2,抄送地址 <a href="mailto:yy@qq.com?cc=xx@qq.com">发送</a>

3,秘密抄送地址  <a href="mailto:yy@qq.com?bcc=xx@qq.com">发送</a>

4,多个收件人、抄送、秘密抄送 <a href="mailto:yy@qq.com;xx@qq/com">发送</a>

5,邮件主题和内容  <a href="mailto:yy@qq.com?subject=发送电子邮件&body=你好">发送</a>

 

28,插入图片 <img src="#" alt="下载失败的替换文本"  title="鼠标滑过的提示文本">

29,表单标签,与用户交互 <form method="传送方式" action="服务器文件"> </form>

 

 

30,文本框、密码输入框

<form>

   <input type="text/password" name="名称(文本框的名字,便于后台调用)" value="输入框默认值" />

</form>

 

31,文本域,多行文本输入

<textarea  rows="行数" cols="列数">文本</textarea>

32,选择框、复选框

<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>

  当 type="radio" 时,控件为单选框

   当 type="checkbox" 时,控件为复选框

同一组的单选按钮,name 取值一定要一致

33,下拉列表框

    <select>

      <option value="看书">看书</option>

      <option value="旅游" selected="selected">旅游</option>

      <option value="运动">运动</option>

      <option value="购物">购物</option>

    </select>

设置selected="selected"属性,则该选项就被默认选中。

   <select multiple="multiple">  //下拉框具有多选功能

34,使用提交按钮

<input   type="submit"   value="提交">

type:只有当type值设置为submit时,按钮才有提交作用

value按钮上显示的文字

35,重置按钮重置表单信息

<input type="reset" value="重置">

type:只有当type值设置为reset时,按钮才有重置作用

 

36,form表格里面的lable标签

label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)

注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

<label for="控件id名称">

37.form标签

通俗的讲 form标签是用来进行表单提交用的

form标签里面的常见属性如下
action: 表单提交的地址, 肯定是要提交给某个服务器的,action的地址就是要提交的服务器的地址
method:以何种方式提交,常见的为get和post. 区别在于一个是明文(在url中显示),一个是暗文

第一次实际帮人家做网页的页面,操作起来也没那么容易。。

第一个问题,记事本写好后在保存为html后缀文件时还是出现了txt文本,其实是后缀被隐藏了,在多打一个html后缀就可以解决了。

顺便附上自己写的网页模板,方便以后直接copy

主页面
往期活动
   
农行杯 我有一个公益梦
   
活动时间:2015-12-06 10:30-11:30
   
私塾慧幼儿时装大赛
   
活动时间:2015-10-01 10:30-11:30

2,

百米
活动时间:2016-03-06 10:30-11:30 | 活动地址:邻瑞广场一楼露天
3.

summer campe
|
活动正在筹划中,尽请等待……

转载于:https://my.oschina.net/u/2493156/blog/593636

你可能感兴趣的文章
02.input()交互
查看>>
滚动到页面底部继续加载页面其他内容
查看>>
换用代理IP的Webbrowser方法
查看>>
Python爬虫入门(5):URLError异常处理
查看>>
梯度下降算法以及其Python实现
查看>>
LCA(最近公共祖先)——LCA倍增法
查看>>
如何理解*p++
查看>>
pageContext对象的用法
查看>>
临时改变输出数据路径
查看>>
php 关于时区 date gmdate date_default_timezone_set/get 终极答疑
查看>>
dup和dup2函数
查看>>
Java中ArrayList和LinkedList区别及原理分析
查看>>
第十三周项目2-成绩处理
查看>>
Type Conversion
查看>>
GCD Block
查看>>
我的操作系统复习——进程(上)
查看>>
html 复制 有时不显示样式
查看>>
怎么写测试策略
查看>>
2018-2019-1 20165231 《信息安全系统设计基础》第四周学习总结
查看>>
jar包的一天
查看>>