HTML基础知识

最新推荐文章于 2024-07-15 13:17:25 发布

Tong++

最新推荐文章于 2024-07-15 13:17:25 发布

阅读量120

点赞数

文章标签： html5 html

本文链接：https://blog.csdn.net/m0_46698935/article/details/120419926

版权

HTML的定义及作用

HTML：超文本标记语言。

超文本：文字，网页中显示的超链接、图片、视频。

标记：标签、记号，用来描述网页内容，浏览器根据标签内容进行解释执行。

学习HTML的本质：学习各种各样的标签。

HTML的作用：开发网页，浏览器解析执行网页。

HTML的基本语法

<!DOCTYPE html> <!--html声明  -->
<html>
    <head> <!--头部  -->
        <meta charset="utf-8" /> <!--设置网页信息  -->
        <title></title> <!--网页标题  -->
    </head>
    <body><!--身体，网页的内容都写在body标签中  -->  
    </body>
</html>

标签：<标签名>(起始标签) 标签体(标签内容) </标签名>(结束标签) 成为闭合标签，双标签。

<标签名/>称为自闭合标签，单标签，没有要修饰的内容，只完成特定功能即可。

标签属性：属性可以进一步对标签的内容进行修饰；属性写在开始标签中；

属性名="属性值"...可以有多组属性。

常用标签

（1）段落标签：

<p></p>

表示一个段落，段落与段落之间有间隔，align属性设置对齐方式。

（2）标题标签：h1......h6 1-6级标题标签

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

（3）换行标签：

<br/>

（4）列表标签：

无序列表：

<ul type="square">
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
</ul>

（2）有序列表：

<ol type="square">
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
</ol>

（5）标尺线：

<hr/>

color属性设置颜色，

width属性设置宽度，

height属性设置高度，

align属性设置对齐方式，

size属性设置尺寸。

（6）超链接：

<a herf="链接地址" target="打开文件的位置"></a>

herf(Hypertext Reference超文本引用)：规定链接指向的页面的URL(页面地址)。

target="打开文件的位置" ：_ self默认在当前窗口打开，_ blank在新窗口打开，_parent在父级（上一级）窗口打开链接，_top在顶级窗口打开链接。

（7）图像标签：

<img scr="img/引用图片 "/>

width属性设置宽度，

height属性设置高度,border属性设置边框，

alt属性设置图片不能正常显示时对图片的描述，

title属性设置鼠标移入到图片上的提示信息。

锚点

锚点：在网页中定义一个位置，可以精确的来到网页中的某个位置。

表格

（1）表格：有行有列；可用来存放数据、网页布局；由四组标签组成。

（2）表格的基本构成标签：

table标签：表格标签

tr标签：行

th标签：单元格，表头，自动加粗并居中显示

td标签：单元格

（3）表格属性设置

table：

border属性设置边框

width属性设置宽度

height属性设置高度，

bgcolor属性设置背景颜色，

background属性设置背景图片，背景图片优于背景颜色，

cellpadding属性设置内容到边框的距离，

cellspacing属性设置单元格与单元格之间的距离。

tr：

height属性设置高度，

bgcolor属性设置背景颜色，

align属性设置对齐方式（left（默认），center，right）

valign属性设置对齐方式（top，middle(默认)，bottom）。

td,th:

width属性设置宽度，

bgcolor属性设置背景颜色，

align属性设置对齐方式（left（默认），center，right），

valign属性设置对齐方式（top，middle(默认)，bottom）。

colspan="合并的数量" 从哪个单元格开始合并，就在哪个单元格中添加colspan属性，合并后删除多余单元格。

rowspan="合并的数量" ，跨行合并，从哪个单元格开始合并，就在哪个单元格中添加colspan属性，合并后删除多余单元格。

表单

（1）表单：有许多可以输入或选择对的组件，用户可以在表单中输入信息。

（2）表单的构成标签：

<form></form>

（3）表单属性设置：

action=“提交到服务器的地址"

method="提交方式"

input：

type="text"

size="尺寸"

readonly="readonly"只读

disabled="disabled"禁用组件

type="password"密码框

type="radio"单选框，name属性值相同的为同一组，可以互斥，只能选中一个

checked="checked"默认选中一项

type="checkedbox"多选

select下拉选择框

option选项

select="selected"默认选中选项

type="file"文件选择框

accpect=".jpg,.png"

textarea多行文本输入域

cols="列数"

rows="行数"

type="submit"提交按钮，可以触发表单提交

type="reset"重置表单，让表单还原到原始状态

type="button"普通按钮，触发事件

Tong++

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
HTML基础知识

HTML的定义及作用HTML：超文本标记语言。超文本：文字，网页中显示的超链接、图片、视频。标记：标签、记号，用来描述网页内容，浏览器根据标签内容进行解释执行。学习HTML的本质：学习各种各样的标签。HTML的作用：开发网页，浏览器解析执行网页。HTML的基本语法<!DOCTYPE html> <html> <head>  <meta
复制链接

扫一扫