HTML 4.01版

复习

  • 排版标签:p hr br pre
  • 字体标签:<font><hn><strike><u><b>
  • 转义字符:&lt;&gt;&nbsp;
  • 清单标签:
    有序列表:ol li
    无序列表:ul li
    定义列表:dl dt dd
  • 超链接标签:a
  • 图片标签:<img>
  • 表格标签:table,tr,td,th
  • 框架标签:frameset,frame
  • 表单标签:form
    input :text password radio checkbox submit file reset hidden button iamge(基本不用)
    select
    textarea
  • meta标签:<meta>:Content-Type refresh

HTML

  • html->hyper text mark-up language ->超文本标记语言
  • 超文本:
    1.表达能力优于普通文本:声音,图形等
    2.超链接
    标记语言:标记构成的。(html,xml,xhtml)
  • 作用:
    1.展示
    2.网页
  • 解析:
    浏览器来负责解析html
  • 后缀名:两种后缀名没有区别
    .html
    .htm
  • 文档构成
    html文档:最外层使用<HTML>标签包裹
    <HEAD>头->标题、网页属性信息、css
    <BODY>体->正文、
  • 标签写法:
  1. <>中包裹一个英文单词
    2.<>所有标签不区分大小写(推荐使用小写)
    3.标签分为两个类
    围堵标记:开始,结束标签
    自闭合标签:例如

    注意:所有标记语言,标签中的英文单词没有以数字开头的
  • 排版标记:不识别: 空格 回车 制表符 显示成一个空格
    为文件加上说明,但不被显示。
    <p></p> 段落标记,为字、画、表格之间留一空白行。

    换行

    插入一条水平线
    <pre></pre> 令文件按照原始码的形式排列
  • 字体标记



    <font> 标签size [1,7]从小到大;face(字体);
    color(颜色)1.直接颜色的英文“green”2.#FF0000;3.rgb(255,0,0)

  • 转移字符(实体)



     英文中的空格

  • 清单标记



    ol:有序列表 order list
    type属性:A a I i 1(默认值)
    start属性:开始计数值
    使用<li>
    ul:无序列表 unorder list
    type属性:disc 实心圆点(默认)
    square 实心黑方块
    circle 空心圆
    使用<li>
    分类列表:dl:definition list
    dt:definition title
    dd:definition description

  • 图形标记

    img图形标签:
    src属性:指定图片位置
    alt属性:图片无法加载时,显示的提示信息
    title属性:鼠标悬空时显示提示信息
    height属性:图片的高(单位像素)(如果宽和高只指定一个,图片会按比例缩放。)
    width属性:图片的宽。
    border属性:边框(单位是像素)
    usemap属性:将图片分区,每个区点击之后链接到不同的页面。dw=>(基本不用,缺点太多)
  • a标签:anchor锚
    1.超链接->点击之后跳转页面
    格式:协议名+资源
    http://www.baidu.com(常用)
    mailto:xx@itcast.cn 发送邮件
    thunder://EF16EA123123 迅雷下载(链接加密)
    QQ:
    旺旺:
    如:<a href = "http://www.baidu.com"> 百度</a>
    2.锚=>在当前页面跳转:如:回到顶部==>使用就是锚
    1> 做一个锚标记,使用a标签的name属性指定锚点名称
    <a name = "abc">这是顶部</a>
    2> 跳转到锚标记,使用href属性指定要跳转的锚点<a href = "#abc">回到顶部</a>
    a标签的属性:
    href属性:跳转的资源名或锚点名称
    name属性:定义锚点时,指定锚点名称
    target属性:1.针对资源跳转时使用。
    该属性不指定=>在当前页面打开(默认)
    _blank:在空白页打开
    2.如果想在框架中指定在哪个框架页显示,那么该值填写框架名称。
  • 表格标签
    table表格:
    cellspacing:外边距=>单元格框线和其他单元格(边框)之间的距离
    cellpadding:内边距=>内容和单元格框线之间的距离
    tr(table row):表格中的一行
    td(table data):一行中的一个单元格
    th(table header):标题单元格
    colspan属性:横着占多少列
    rowspan属性:竖着占据多少行
    align属性:对齐(最好不用)
  • 框架标签
    框架标签与<body>标签互斥
    frameset:定义一个框架(现已不赞成使用)
    rows:将框架按照行(横着)分割
    cols:将框架按照列(竖着)分割
    frame:指定框架的页面(现已不赞成使用)
    src:指定显示页面的路径
    noresize:不能调整大小
    scrolling:是否显示滚动条 yes no auto
    frameborder:0(否) 1(是) 是否显示框架周围的边框
    注意:在html中,当属性的键和值完全一样时,可以忽略属性的值
  • 表单标签:
    form表单标签:要提交的内容,使用该标签包裹
    action属性:决定表单提交到哪里
    method属性:决定表单的提交方式 get(默认值)/post
    post和get区别:
    1.post提交(http 请求正文中)键值对没有在地址栏上,而get是放在地址栏上的
    2.安全性上post更高一些
    3.长度上:get因为是放到地址栏中,长度受限。谷歌2048KB post理论上是无限的
    input标签:表单项标签:
    type类型:
    text文本框
    password密码框
    radio单选框
    checkbox多选框
    file文件上传
    hidden隐藏框
    submit提交
    reset重置
    image提交(图片,不用了)
    button按钮
    name属性:
    对于表单项:提交时键值对的键
    value属性:
    对于需要提交的表单项:提交时的值
    对于按钮类型的:按钮上显示的文字
    readonly属性:
    只读属性:只是限制value属性的变化
    只能给:text password使用 textarea也有这个属性
    disabled属性:
    禁用。颜色变灰,不参与提交。
    适用范围:所有input都可以使用
    checked属性:
    默认被选中
    适用:1.radio 2.checkbox
    maxlength属性:定义最大长度
    size属性:定义输入框的显示长度。
    size和maxlength只能放在text和password中。
    select标签:
    下拉选:
    name属性:提交的键
    size属性:同时显示的选项个数
    multiplie属性:变成多选
    selected属性:让option默认被选中
    textarea标签:
    文本域
    name属性:提交的键
    col属性:列 宽
    row属性:行 高
    readonly属性:只读
  • meta标签
    写在<head>围堵标签里面
    <meta http-equiv = "Content-Type" content = "text/html;charset=UTF-8">
    <meta http-equiv = "refresh" content = "3;url = 06-图形标签.html">(三秒后刷新页面进入url指定的地址。)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,224评论 1 41
  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 1,042评论 0 1
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,036评论 0 16
  • HTML需要掌握标签 标签(空格分隔): H5+CSS [TOC] 常用标签 img 注意点 和H系列标签/p标签...
    袁俊亮技术博客阅读 2,044评论 1 8
  • 沧海泛舟阅读 108评论 0 0