HTML知识点-笔记总结

They say when you meet the love of your life,time stops.
人们说,当你遇上你的挚爱,时间在那一刻便停止了。 ——《大鱼》

文章目录

  • 一、`html`介绍
    • 1.什么是`html`?
    • 2.`html`文件的基本结构
    • 3.基础标签
    • 4.`img`标签
    • 5.`a`标签
  • 二、多媒体与嵌入
    • 1.媒体元素
    • 2.内敛框架
  • 三、`html`表格与列表
    • 1.表格`table`
    • 2.列表`ol有序列表 ul无序列表 dl定义列表`
  • 四、`html`表单`form`

一、html介绍

1.什么是html

        HTML不是一门编程语言,而一种用于定义内容结构的标记语言。HTML的英文全称是Hypertext Marked Language(超文本标记语言)。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言,它是标准通用化标记语言SGML的应用。

        HTML 由一系列的元素(elements)组成,这些元素可以用来包围不同部分的内容,使其以某种方式呈现或者工作。 一对标签( tags)可以为一段文字或者一张图片添加超链接,将文字设置为斜体,改变字号,等等。

2.html文件的基本结构




<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>我是网页标题title>
head>
<body>

body>
html>

3.基础标签


<h1>我是标题标签h1>


<p>我是段落标签p>


<br />


<hr />





     空格
<      小于
>      大于
    黑点
"   单引号
©    版本号


<strong>我是加粗strong>
<em>我是斜体em>

4.img标签

src="" 图片路径
alt="" 图片无法显示时的替代文字
title="" 鼠标放在图片上面的提示文字

<img src="" alt="" title="" />

5.a标签

href="" 跳转地址,实现超链接的效果
target="_self" _self 返回本身 _blank 返回空页

<a href="" target="">a>



     
 
<a href="#" name="a">a> 
开始部分

结束部分

<a href="#a">点击回顶部a>





<a href="./B.html#part">跳转到B页面a>





<a href="#" name="part">我是B页面的part部分a>


<a href="mailto:[email protected]">点击打开电脑默认邮箱a>

二、多媒体与嵌入

1.媒体元素



当中的一些属性如下:
        src="" 路径
        controls 如果出现该属性,则向用户显示控件,比如播放按钮。
        autoplay 如果出现该属性,则视频在就绪后马上播放

2.内敛框架


当中的一些属性如下:
        src="" 引用页面地址
                1.可为线上网址http://www.bdqn.cn
                2.可为网页subframe/the_second.html
        name="" 框架标识名
                在超链接上设置target目标窗口属性为希望显示的框架窗口名

三、html表格与列表

1.表格table

在这里创建了一个2*2表格


<table border="1">

<tr>
<td>姓名td>
<td>年龄td>
tr>
<tr>
<td>小刘td>
<td>18td>
tr>
table>

注:表格的跨行跨列:
        1.所谓“跨行”,是指一个单元格占据两行或两行以上。
rowspan=“n”——跨行

        2.所谓“跨列”,是指一个单元格占据两列或两列以上。
colspan=“n”——跨列

2.列表ol有序列表 ul无序列表 dl定义列表


<ol>
<li>li>
ol>
	 

<ul>
<li>li>
ul>
 

<dl>
<dt>面条dt>
<dd>刀削面dd>
<dd>烩面dd>
dl>       

注:
有序列表的特性:
        1.有顺序,每个

  • 标签独占一行(块元素)。
            2.默认
  • 标签项前面有顺序标记。
            3.一般用于排序类型的列表,如试卷、问卷选项等。

    无序列表的特性:
            1.没有顺序,每个
  • 标签独占一行(块元素)。
            2.默认
  • 标签项前面有个实心小圆点。
            3.一般用于无序类型的列表,如导航、侧边栏新闻、有规律的图文组合模块等。

    定义列表的特性:
            1. 没有顺序,每个
    标签、
    标签独占一行(块元素) 。
            2.默认没有标记。
            3.一般用于一个标题下有一个或多个列表项的情况 。

    四、html表单form

    action="" 表单提交的地址
    method="" 有两个属性值
            post:非明文,数据没有长度限制,类型可多变
            get:明文显示要提交的数据在地址栏,多个参数以&隔开

    <form action="" method="">form>
    
    
    <input type=""  name=""  value="" size=""  maxlength="" placeholder="" />
    
    
    
    
       <select>
       <option>请选择国家option>
       <option>中国option>
       <option>美国option>
       select>
    
       <textarea col=""  row="">textarea>
    
       <input type="file">
    
       checked 选中
       readonly 只读
       selected 选中
       disabled 禁用
       required 必填
  • 你可能感兴趣的:(HTML知识点-笔记总结)