2021-10-23 html的基础认知

本文详细介绍了HTML(超文本标记语言)的基础知识,包括文档结构、常用标签如段落、图片、标题、列表、颜色、链接、表格、表单等。还提到了HTML中的特殊符号、锚链接和框架的使用。此外,涵盖了网页中图片类型的选择和颜色的RGB表示法。
摘要由CSDN通过智能技术生成

什么是html?

它是超文本标记语言。

网页组成: 

  • 文档标记
    <!DOCTYPE html>
  • 头部标记
    <head></head>

    文档的编码方式

    <meta charset="utf-8">

常用的标签: 

<p>标签段落标签
<img>图片标签行内标签width/height宽高
路径绝对路径:https://xxxx
相对路径:ing/xx.jpg
html注释解释说明,增加可读性
<h1-h6>标题标签,块元素
<br>换行标签
网页图片类型修饰图片:png、gif
内容图片:jpg
颜色的组成

red        红色       0-255
green    绿色       0-255
blue      蓝色       0-255

alpha    透明度   0-1

 html常用标签:

ul>li无序列表
ol>li有序列表
dl>dt>dd定义列表
div块元素,支持宽高,自动换行,可以包裹任意标签
span行内元素,不支持宽高,不换行
marguee混动标签
pre预定义格式文本标签
<b>样式加粗<strong>样式加粗和强调
<i>样式倾斜<em>样式倾斜和强调
<sub>下标<sup>上标
<font color="red">字体大小颜色
<hr width="" color="">水平线
html的特殊符号&lt;   &gt;

 超链接:

<a href="页面路径" target="空白窗口打开" ></a>

 锚链接:

  1. 在标签内设置锚点:id="M_name"
  2. 跳转 在需要点击的标签内设置:<a href="#M_name"></a> 

iframe框架: 

<iframe src="页面路径" scrolling="yes/no" borderwidth="0/1" width="" height="">

frameset框架集: 

  •  body和frameset不能同时使用
  • <frameset rows="100px,10%">  <frame src="路径">
  • <frameset cols="30%,*">  <frame src="路径">

<table>表格:

<tr>
<th><td>单元格

 表格的属性:

width、height宽高
align对齐方式
border边框的宽度
background-color背景色
cellsapacing单元格间距
cellpadding单元格内部填充
rules单元格的边框显示rows    cols    all    none
frame表格的边框显示above   below  lhs  rhs  hsides  vsides  void

行和单元格的属性

rowspan行合并
colspan列合并
width、height宽高
background-color背景色
align对齐方式

表单标签

  • <form action="服务器地址" method="请求方法post/get">

 表单域

单行文本<input type="text">
密码框<input type="password">
下拉列表<select><option>
多行文本<textarea>
单选按钮<input type="radio">
单选按钮组的name统一,可实现单选
多选按钮<input type="checkbox">
文件选择<input type="file">
颜色选择<input type="color">
日期选择<input type="date">
数字、范围<input type="range">

表单域属性

placeholder提示文本
maxlength最大长度
required空白验证
checked默认勾选

表单按钮

提交按钮<input type="submit">
重置按钮<input type="reset">
自定义按钮<input type="button">
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值