HTML笔记

1.HTML译为超文本标记语言。

2.了解初始生成代码行

<meta charset ="utf-8">

  1)meta用来修饰网页。

  2)charset式文本编码方式,utf-8是浏览器解析的编码方式。

  3)一般选择编码方式UTF-8。

3.注释

<!--注释-->

注意:注释不可以嵌套使用。

4.在html中所有连在一起的空格或者换行只会被解析为一个。

5.文本格式标签:

<pre></pre>

  1)作用为保留文本原有格式,可用来解决4.中的问题。

6.初学部分标签

  1)文本标签:

<i>斜体</i>    
<b>加粗</b>
<u>下划线</u>
<s>删除</s>

  2)段落标签和一些单标签:

<p>段落标签</p>
<hr>分割线
<br>换行
&nbsp 空格
&copy  版权符号

7.标题标签

<h1>一级标题</h1>

共有六级标题 <h2><h3>类推。

8.<a>标签

<a href = ""></a>

  1)href是属性,“”中是属性值。a标签中也可以加align表示位置,width表示宽,color表示颜色。

  2)target="blank" 意为新建一个网页。

9.标签的分类:

  标签主要分为两大类:块级元素和行内元素。

  两者的区别主要有:

  1)块级元素总是在新的一行显示,并且可以随意控制宽高。

  2)行内元素在一行显示,除非占满溢出。随文本的内容变化而变化。可以随意设置行高,但是不能随意设置宽高。

10.路径的区别:

<img src = "存放地址路径"/>

  1)src的全称是source,为统一资源路径。

  2)绝对路径:完整描述图片的路径。

  3)相对路径:从当前的目录为起点到所在目录。其中"../"为返回上一级文件夹,下一级文件夹就是文件夹名称。

  4)盘符路径:直接跳转到当前文件所在盘符的根目录。

 11.有序列表和无序列表

<ul>
    <li>1</li>
        <li>2</li>
</ul>
        
<ol >
    <li></li>
</ol>    

  1)type设置类型,有序列表中用start设置开头。

  2)常用的是无序列表,主要用于当行或者菜单。

12.不推荐用HTML修改样式,内容与表现分离。

13.元素的分类:

  1)元素分为三大类:行内元素,行内元素 ,行内块级元素。

  2)行内块级元素是开发者分类出来的,定义上只有两类。

14.图片:title和alt的区别

<img src="路径" title="鼠标悬浮上去显示的内容" alt="当图片加载不出来的时候显示的内容"/>

15.表格的基本结构

<table border="1px solid black"  cellspacing="0" cellpadding="">
    <tr >Header</tr>
    <tr>
       <th> <td cosplan="" rowspan="">Data</td>  <th>
    </tr>
</table>

  1)<caption></caption>是表格的标题

  2)<th>是自带居中和加粗的效果。

  3)cellpadding是 指单元格文本到边框的距离(内填充)

  4)cellspacing指的是单元格之间的间距。 用了这两个属性调整表格大小就不要用width 和 height调整。

  5)border是指边框的设置,插入代码表示边框为1像素 实线 和黑色。

  6)cosplan=""表示合并列,rowspan=“”表示合并行,如果合并了行或者列,就要删除对应的行或者列,否则会溢出多余的单元格。

16.表单

<form action ="提交的地址" method = "提交的方式"></form>
<input type="类型" value="提交的值" name ="" placeholder="输入框中的提示信息。"/>

  1)input输入框是一个单标签。

  2)type中可以填写的常用属性值:

    text:文本信息;

    password:密码(输入内容不可见);

    radio:单选框,在选择框中加上 check="check"为默认选中,一组单选框中,如果要添加多个radio单选选项并且只能有一个被选中,保持name值相同。  

    checkbox:复选框,勾选框,比如阅读同意用户协议等出现。

  3)下拉选择框:在下拉菜单中选择值。每一个option就是下拉选择中的一个选项。

<select name="">
    <option value=""></option>
    <option value=""></option>
</select>

  4)输入文本域:

<textarea name="" rows="" cols=""></textarea>

  5)按钮:

<button></button>  

    ①提交按钮必须在form表单的包裹之中。

    ②提交的时候会刷新页面。

    ③提交前后端之间的通信参数,get提交的参数在?后面会显示出来,post则不会。

原文地址:https://www.cnblogs.com/wangzheng98/p/10724147.html