HTML基础（主流浏览器及内核）

最新推荐文章于 2024-10-02 17:15:49 发布

呵呵QAQ

最新推荐文章于 2024-10-02 17:15:49 发布

阅读量246

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_20349175/article/details/105630588

版权

html

hyperText markup language

超文本标记语言

根标签(hyperText markup language)

<html>...</html>

lang="en" 告诉搜索引擎爬虫，我们的网站是关于什么内容

结构标签

<head>...</head> 编辑浏览器的特性之类

<meta content="" name="keywords"> 搜索引擎优化

<meta content="" name="description">搜索引擎优化

<body>...</body> 编辑浏览器展示内容

容器标签(进行结构化)

<div>...</div>

<span>...</span>

空格含义：英文单词分隔符

空格文本的展示形式：

  代表一个空格

< 代表"<" less than

> 代表">" great than

<br> 代表一个换行符

有序列表(list)

type 1 阿拉伯数字

A 大写字母

a 小写字母

i 希腊数字

start 开始位置

reserved 倒序

<ol type="" start="" reserved="reserved“>

<li>...</li>

<li>...</li>

<li>...</li>

</ol>

无序列表（导航栏）unlist:

type类型：

disc 实心圆，默认属性（discircle）

square 方块

circle空心圆

<ul type="disc">

<li>...</li>

<li>...</li>

<li>...</li>

</ul>

图像标签（image 图片）

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

alt 图片占位符

title 图片提示符

三种路径

1.网上的url

2.本地的绝对路径

3.本地的相对路径

链接标签（anchor 锚）----作为锚点，记录位置

target="_blank" 表示打开空的页面

如果在本页面中打开链接则无需target，如果要打开新的页面则需要target

1.超链接

<a href="..." target="_blank">...</a>

2.锚点写法

<a href="#..">...</a>

3.打电话、发邮件

<a href="tel：..">...</a>

<a href="mailto:..">...</a>

4.协议限定符

<a href="javascrip:">...</a>

form表单

mothod 数据的发送方式：post get

<form method="get/post" action="发送位置">

<input type="text/password" name="" > 输入表单,

<input type="radio/checkbox" name="" value="" checked="checked"> 单选按钮、复选按钮、checked表示默认选项

<input type="submit" > 提交按钮

<select name="">...... 下拉菜单

<option value="">.....</option>

<option value="">.....</option>

<option value="">.....</option>

</select>

</form>

注：发送数据必须有两个内容----1.数据名name 2.数据值value