HTML

最新推荐文章于 2023-07-02 11:24:43 发布

Stitch__

最新推荐文章于 2023-07-02 11:24:43 发布

阅读量145

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/Stitch__/article/details/82938957

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

网页展示的超文本标签语言：
超文本：对一般的文本进行描述（颜色，字体等）
标签：HTML 的标记就是我们需要学习的
语言：网页展示的语言

学习语言就要明确语言的书写规则

标签都用<>引起来
属性：例：key = "value" 属性的值用引号引起来
HTML不区分大小写
内容都放在一个标签中<html></html > : 有开始有结束的标签叫围堵标签,
没有结束的标签叫空标签：<br/>
开始标签结束标签之间的内容叫做标签体。
HTML页面中的注释<!---注释内容->
标签的必须正确嵌套，标签有尾的就要写上结束标志。

//HTML的基本框架
<html>
        <head>
<title>在头上面展示出来</title>
        </head>
        body>会在网页中显示的部分</body>
    </html>

HTML 常见标签：

1.标题标签： <hn></hn> :n 为1-6 的整数，表示标题的大小

常用属性：align ------------- left right center
2.字体标签： <font></font> :表示文字的字体，大小，颜色

（不赞成使用）常用属性：face size (只有1-7) color

3.段落标签：<p></p>

4.其他标签：

加粗标签： <b/>或者<strong></strong>

斜体：<i></i>

水平线：<hr/>(不赞成用) 有长宽高等属性

换行：<br/>

图片标签：

<img/>

常用属性：

src：图片的路径 // 相对路径或者是绝对路径

./ 当前路径 ../ 上一级路径

alt :替代文字（如果图片找不到）

title:鼠标移到图片上先出来的文字

width :图片的宽

height : 图片的高

图片大小的定义：

1.写成像素

2.写成百分比

列表页面展示：

将链接的页面展示出来

列表标签：

1.有序的 ：<ol></ol>

2.无序标签：<ul><ul>

常用子标签：<li></li> 表示列表项

超链接标签：<a></a>

常用属性：

1.href :跳转的路径

2.target :在那里打开（默认是在当前自己的位置打开，也就是说，页面跳转后，当前页面就不见了）

表格标签：！！！！

<table></table>
       常用字标签：<tr>行
   <tr></tr>
       常用字标签：<td>列
               <td>表头单元
                  <th> 表头单元格内容会自动的居中并且加粗
   表格里面套行，行里面套列

   table 的常用属性：
   1.border:边框，像素值
   2.width:宽度
   3.height:高度
   4.align：表格的对齐方式
   5.bgcolor:颜色(表格的填充色)
   tr（行）的常用属性
   align : 表格中内容的对齐方式
   td(列) 也有对齐属性
   注意：一行必须有一个单元格

   关于合并,都是tr 列的属性
   1.跨行合并
   rowspan 值为合并的行数
   2.跨列合并
   colspan 值为合并的列数

表格标签的重要性在于将网页分成区域，完成网页的布局

转义字符：&中间写他的实体；（空格为：nbsp）

表单标签：！！！！

<form></form>
   常用属性：
   action : 数据提交的路径。默认是当前路径
   method :表单提交的方式
           get(默认)和post
           区别：1.get 会把所有的参数追加到页面的地址栏上，post 不会
               2.get 参数有大小的要求，post 没有
               3.post 更加的安全
   常见子标签：
   1.<input></input> :
   常用属性:type
           值：text：文本默认框
               password：密码框

<input type="password" name="password" value="0000"><br>//设置默认值 value
radio:单选框

<input type="radio" name ="sex" value="x" checked="checked">男
<input type="radio" name ="sex" value="y">女<br>
checkbox:多选框

<input type="checkbox" name="hobby" value="" checked="checked">吃

<input type="checkbox" name="hobby">吃
               file:文件筐
               submit:提交
               reset:重置
               button:普通按钮

               hidden:隐藏域，页面上不显示，但是会提交
               image:图片提交，替代submit
           name:可以将几个单选框（多选框）设置为一组。就是一组中只能选几个
               要想将数据存储到服务器上必须有name 属性
           值：随便
           readonly:只读，不能写
           disabled:禁用//数据不会提交到服务器
   2.<select></select>:下拉选项
   格式：<select>
       子标签：<option></option>//下拉的选项
   </select>
   3.textarea:文本域
   常用属性：cols列 rows行

   将数据保存到服务器的内容格式：
   key=value&(有多个就用&连接)
   对于手动输入的内容都是传递到服务器的，而单选和多选框却没有传过去
   要想把值传递过去，就要设置他的值 value
   如果对于下拉选项，要传递相应的值，也可以直接设置value

   默认值：（就是你不填写的时候的值）在你重置的时候的值
   文本框和密码框：直接添加 value 属性
   单选框和多选框：添加checked="checked"
   下拉选项：添加 selected="selected"
   文本域：在标签体中添加