Skip to content
久久日记本
曾经年少爱追梦,一心只想往前飞
  • 首页
  • 博客
    • 博客历史
    • 主题
    • 个人文集
  • 关于
    • 正在读的书
    • 作品归档
    • 2018作品归档
    • 联系我
  • 友情链接
  • 留言板
❄
❅
❆
❄
❅
❆
❄
❅
❆
❄
Code/Front-End

HTML语言

Posted on 2012年8月21日 by 九九 / 1710 Views

1、基础知识:

全名:HyperTextMark-up Language缩写(html)
译名:超文本标记语言

html标记:
meta标记:标记网页的信息便于搜索引型搜索到。<meta name="mymeta" content="这是本网站的关键字"/>
注释:html页面中要少用注释,减少网络传输量。
<b>加粗文字</b>
<i>倾斜文字</i>
<br/>换行
<h1>标题1<h1>
<h2>标题2<h2>
<hr/>横线
&nbsp; 空格
&lt; 小于号<
&gt; 大于号>
&copy 版权号
&reg注册商标
&amp  和&
&times 乘号X
&divide 除号 ÷
<marquee direction=right width="400" <!--跑马效果范围400像素->>>这是跑马灯,方向向右(默认左)</marquee>
<ui style="list-style-type:decimal">
===
 <li>列表前面的标识序列</li>
         <li>decimal数字</li>
         <li>square方框</li>
 <li>circle圆圈</li>
 <li>none什么都没有</li>
 <li>ul是无序列表,ol是有序列表,dl自定义列表</li>
</ui>
===
<dl>
 <dt>这是标题1</dt>
 <dd> 这是内容 这是内容这是内容这是内容1</dd>
 <dt>这是标题2</dt>
 <dd> 这是内容 这是内容这是内容这是内容2</dd>
</dl>

2、DIV

margin是指到父容器边框或者同辈元素边框的距离;
padding是子元素到该容器边框的距离;
margin:0 auto 设定div居中显示;

3、HTML中的表格

    <table>
        <tr>
            <td></td>
            <td></td>
        </tr>
    </table>

table=>

border:
cellspacing:边框
cellpadding:
width:
bgcolor:表格背景颜色
style:背景颜色、图片、边框样式等等

td=>

width宽度
style:背景颜色、图片、边框样式等等

td=》换为th

th:即是标题
style:背景颜色、图片、边框样式等等

screenshot

center放在td里面好,最好不要放在tr中

screenshot

td写:rowspan=”4″ 合并4列

screenshot

td写:colspan=”2″合并2行
screenshot

4、HTML超链接

<a href="www.baidu.com" target="_blank"></a>新建窗口打开链接
<a href="www.baidu.com" target="_self"></a>自建窗口打开链接
<a href="#" target="_blank"></a>打开窗口本身

a href ->

style:设置颜色、text-decorationLnone去掉超链接的下划线

(图20120822_05href.jpg)

5、框架网页

screenshot

screenshot

不能变更大小:

当前页面嵌入页面:

screenshot

6、表单

要想提交必须放在form中,不然是不会提交的

fieldsrt:相当于WF中的groupbox

screenshot

单选框:

screenshot

复选框:

没有name属性是没法提交的。

screenshot

重置按钮:

重置到初始化

效果图:

screenshot

文件上传:

screenshot

7、简单的CSS样式代码

简单的CSS样式代码

screenshot

8.CSS

screenshot

screenshot

选择器区名称是区分大小写,里面的值(例如Yello)什么的不区分大小写;

添加CSS的4种方式:

1、内联式样式表(内部样式表)<p style="color:red;font-size:16px;">CSS练习</p>
2、嵌入式样式表(内部样式表)
3、导入式样式表(不常用)
4、外部样式表

screenshot

screenshot

screenshot

选择器:

1、类型选择器:选择器的名称是一个元素的名称,系统会给该名称元素加上样式;
2、类选择器:选择器的名称由我们自己定义,在选择器名称前加上一个点“ . ”,使用时候用class名称来设置样式;
3、id选择器:选择器名称是元素的id,在名称前加上“ # ”,id选择器的样式在当前文档中至多一次有效
4、包含选择器:
5、定义多个选择器:想给多个选择器赋同一个样式时,选择器之间用“ , ”分割;
6、通配选择符:

伪选择器:表示元素的状态。link正常状态,visited访问过之后的状态,hover鼠标移到元素上的状态,active单击元素的状态

screenshot

样式:

screenshot

screenshot

css其他小知识:

screenshot

overflow:hidden 超出屏幕分辨率就隐藏。
line-height:30px 行间距
text-indent:缩进
CSS, HTML, 网新实训笔记
九九
过去的我们,现在的自己,往事,终会随风而逝。 View all posts by 九九 →

Post navigation

Older post
三层架构和WCF的应用(ing)
Newer post
ora-01033:oracle initialization or shutdown in progress 解决方法

标签云

Android ASP.NET Baby C# C/C++ CSS Div DX11 flask front-end GAE Git Java JJProject JS Life MSSQL MVC OpenSource Oracle Python React React-Native Software Tools Vue Webpack Website Window WP7 乱记 十年旧梦 天气 宝宝成长日记 小说 工作 情感 故障 散文 日记 游戏开发 网新实训笔记 花落梧桐 诗间集 转载

时光机

  • 2023年2月
  • 2022年12月
  • 2022年4月
  • 2022年3月
  • 2022年1月
  • 2021年12月
  • 2021年11月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2021年6月
  • 2021年5月
  • 2021年4月
  • 2021年3月
  • 2021年2月
  • 2021年1月
  • 2020年5月
  • 2019年12月
  • 2019年10月
  • 2019年9月
  • 2019年6月
  • 2019年5月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年11月
  • 2017年10月
  • 2017年9月
  • 2017年7月
  • 2017年3月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年10月
  • 2016年7月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年11月
  • 2015年10月
  • 2015年9月
  • 2015年8月
  • 2015年7月
  • 2015年4月
  • 2015年3月
  • 2015年2月
  • 2015年1月
  • 2014年12月
  • 2014年11月
  • 2014年10月
  • 2014年9月
  • 2014年8月
  • 2014年7月
  • 2014年6月
  • 2014年5月
  • 2014年4月
  • 2014年3月
  • 2014年2月
  • 2014年1月
  • 2013年12月
  • 2013年11月
  • 2013年10月
  • 2013年9月
  • 2013年8月
  • 2013年7月
  • 2013年6月
  • 2013年5月
  • 2013年4月
  • 2013年3月
  • 2013年1月
  • 2012年11月
  • 2012年10月
  • 2012年9月
  • 2012年8月
  • 2012年7月
  • 2012年6月
  • 2012年5月
  • 2012年4月
  • 2012年3月
  • 2012年2月
  • 2012年1月
  • 2011年12月
  • 2011年11月
  • 2011年10月
  • 2011年9月
  • 2011年8月
  • 2011年6月
  • 2011年5月
  • 2011年4月
  • 2011年3月
  • 2011年2月
  • 2010年12月
  • 2010年11月
  • 2010年10月
  • 2010年9月
  • 2010年8月
  • 2010年6月
  • 2010年5月
  • 2010年2月
  • 2010年1月
  • 2009年12月
  • 2009年11月
  • 2009年10月
  • 2009年9月
  • 2009年8月
  • 2009年7月
  • 2009年6月
  • 2009年5月
  • 2009年4月
  • 2009年3月
  • 2009年2月
  • 2009年1月
  • 2008年8月
  • 2008年6月
  • 2008年5月
  • 2008年4月
  • 2008年2月
  • 2007年11月
  • 2007年8月
  • 2007年6月
  • 2007年5月
  • 2007年4月
  • 2007年3月
  • 2007年2月
  • 2007年1月
  • 2006年10月
  • 2006年8月
© 2006 - 2023 久久日记本
Powered by WordPress | Theme: Graphy for 99diary