HTML学习总结

<!DOCTYPE html>  文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面。

<html lang="en" > 告诉浏览器,搜索引擎这是一个英文网站

<meta charset="UTF-8"/> 采用UTF-8来保存文字,如果不写就会乱码。

<h1> ....<h6> 标题标签共6级,文字加粗一行显示。

<p> 

    1.文本在一个段落中会根据浏览器窗口的大小换行

    2.段落和段落中间保有空隙

<br /> 

    <br /> 是个单标签

    <br /> 标签只是简单的开始新的一行,和段落不一样,段落之间会插入一些垂直的间距。    

文本格式化标签,突出重要性,比普通文字更重要。

<strong>    加粗

<em>        倾斜

<del>        删除

<ins>        下划线

<div> 是division的缩写,表示分割,分区,一行只能放一个,大盒子

<span> 表示跨度,跨距,一行可以放多个,小盒子

<img>

    图像标签和路径,src是<img>标签的必须属性,它用于指定图像文件的路径和文件名。

     属性:

        alt         替换文本

        title       提示文字 

        width    图像宽度

        height    图像高度

        border    图像边框粗细

超链接标签

    外部标签

        <a href=" " target="_blank"> 腾讯 </a>

        target 打开窗口的方式,默认值是 _self  当前窗口打开页面 _blank 新窗口打开页面

    内部链接:网站内部页面之间的相互链接

    空链接:<a href="#" >

    下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。

    网页元素链接:在网页的中的各种网页元素,如文本,图像,表格,音视频 都可以添加超链接。

    锚点链接:点击链接,可以快速定位到页面的某个位置。

        在链接文本的 href 属性中,设置 <a href="#two">

        <h3 id="two">

注释标签 特殊字符

<!-- -->

表格页面

    表格不是用来布局页面,而是用来展示数据

        <table>  定义表格的标签

        <tr>  定义表格中的行

        <td>  定义表格中的单元格

        <th> 表头单元格,文字会居中加粗显示

    表格属性(也可以使用CSS)

        align -> left,center,right 规定表格相对周围元素的对齐方式

        border 规定表格单元是否拥有边框

        cellpadding 规定单元格边沿与内容之间的空白,默认1px

        cellspacing 规定单元格之间的空白,默认2px

        width           规定表格的宽度

    表格结构

        <thead>     定义表格的头部

        <tbody>     定义表格的主体

    单元格合并

        合并方式

            rowspan 跨行合并,colspan 跨列合并

        目标单元格:(写合并代码)

        合并单元格的步骤:

            (1) 确定跨行,跨列

            (2) 找到目标单元格,写 合并方式="合并的数量"

            (3)删除多余的单元格

列表标签

    表格用来显示数据,列表用来布局

    列表:无序列表<ul>,有序列表,自定义列表

    无序列表:

        1.  无序列表中的各个列表项之间没有顺序级别之分,是并列的。

        2.  <ul> 中只能嵌套<li>

        3.  <li>相当于一个容器,可以容纳所有元素 

        4.  无序列表会带有自己的样式属性,但在实际使用时,使用CSS来设置。

    有序列表:自定义列表用于对术语或名词进行解释和描述。

        <dl>

            <dt>

            <dd>

表单的构成:表单域,表单控件(表单元素),提示信息

<form> 标签用于定义表单域,以实现用户信息的收集和传递。

<form> 会把范围内的表单元素信息提交给服务器。

form 属性:

    (1)action 指定url地址

    (2)method 用于设置表单数据的提交方式

    (3)name 用于指定表单的名称


表单控件:输入或者选择的表单控件

    1.input 输入表单元素

    2.select 下拉表单元素

    3.textarea 文本域元素

input 元素通过 

    type 属性实现 单选框,多选框,密码输入。。。。。

        button 点击按钮

        checkbox 定义复选框

        file 定义输入字段和浏览按钮,供文件上传

        hidden 定义隐藏的输入字段

        image 定义图像形式的提交按钮

        password 定义密码字段

        radio 定义单选按钮

        reset 重置按钮,重置按钮会清除表单中的所有数据。

        submit 提交按钮,提交按钮会把数据发送到服务器。

        text 定义单行的输入字段,默认长度20字符。

    name 是表单元素的名称,单选按钮必须有相同的名字,才可以实现多选一。checkbox同理。

    value 规定表单元素的值

    checked 当页面首次加载默认选中,checkbox,radio有效

    maxlength 文本输入的最大值

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,332评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,508评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,812评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,607评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,728评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,919评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,071评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,802评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,256评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,576评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,712评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,389评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,032评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,798评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,026评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,473评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,606评论 2 350