• HTML学习


    一:什么是HTML

       HTML 是用来描述网页的一种语言。

    • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
    • HTML 不是一种编程语言,而是一种标记语言 (markup language)
    • 标记语言是一套标记标签 (markup tag)
    • HTML 使用标记标签来描述网页

    HTML框架结构如下图:

    HTML框架图

    二、HTML头部详解

    我是HTML头部详细介绍

    三、HTMLbody部分

    body部分标签较多,一个一个说是说不完的,重点说几个java程序员应重点掌握的。

    1、body 标签

    bgcolor 背景颜色 单词 #RGB三原色

    background 背景图片

    注意:因为这2个属性一起用时,背景图片会覆盖背景颜色,所以就不要一起用了,没有任何意义。

    2、pre标签

    请看下面这段代码:

    如果什么都不加,在浏览器中打开是这样的:

    怎样让它按照在编辑器中的格式显示呢?

    答案很简单,只需加一对

    标签:

    就会像这样显示:

    这个标签真的很好用,按原样格式输出,很多人都忽略了!

    3、p标签

    p 段落 特点 默认换行 并且换两行

    属性: align 段落中的内容的水平位置 left right center

    4、h1~h6 标题 特点 加粗 数字越大字体越小 并且默认换行

    5、br标签

    换行br标签有、、三种写法都可以,但推荐最好使用第二种

    6、加粗(b)、斜体(i)、删除(del)

    7、下标(SUB)和上标(SUP)

    8、字符实体

    9、img标签

     属性:

    src 图片资源路径

    border   单位像素px

    width 宽度

    height 高度

    alt 是图片缺省时,显示文字信息

    title 鼠标放上时提示的交互文本 

    10、超链接a标签

    要跳转的地址,可以写本地资源,或外部资源 外部资源一定要加 :打开新窗口的位置 

    _self 本窗口打开 

    _blank新建窗口打开

    11、form表单

     

     action,method 两个属性,action提交的地址,method为get,post方式

     <form> 所有的表单内容,都要写在form标签里面 </form>

    文本框(自封闭) 

    <input type="text" value="默认值"/>

    密码框(自封闭)

     <input type="password" />

    单选按钮,name需要一样 

    <input type="radio" name="sex" checked="checked"/> 男

    <input type="radio" name="sex" /> 女

     复选框

     <p> 请选择你的爱好:

    <input type="checkbox" name="hobby"/> 睡觉

    <input type="checkbox" name="hobby"/> 吃饭

    <input type="checkbox" name="hobby"/> 打豆豆

    </p>

    下拉选单
     <select name="">
    <option>我是第1个选项</option>
    <option>我是第2个选项</option>
    <option>我是第3个选项</option>
    </select>

     12、div

    本身不带效果,表示一个小区域,容器级标签,里边什么都可以放,放大东西的。

    <div>我是div</div> 

     13.span

    也是小区域的标签,但是一个文本级的标签。只能放文字、图片、表单元素。不能放p、h、ul、dl、ol、div。主要放置小元素  

  • 相关阅读:
    c++基类和派生类的框架
    从文件读入7个数并排序
    字符串复制函数-简单
    c++函数模板-简单
    用初始化列表解决常私有变量问题-简单
    分配和释放内存-简单
    结构体小程序-简单
    转化的力量
    初次创业需要注意的几点
    重生的2014下半年的起点
  • 原文地址:https://www.cnblogs.com/zhangzack/p/9499151.html
Copyright © 2020-2023  润新知