前端的学习

最新推荐文章于 2023-03-30 21:09:09 发布

甜甜小栗子吖

最新推荐文章于 2023-03-30 21:09:09 发布

阅读量87

点赞数

本文链接：https://blog.csdn.net/m0_52538284/article/details/118884083

版权

HTML入门

1.1#定义：（HyperText Markup Language,HTML）超文本标记语言。“网页创建和其他可在浏览器看到的信息”设计的一种标记语言。HTML是由一套标签组成，通常就叫标签。

软件：需要准备文本编辑器（可用记事本，pspad），浏览器。

文件后缀：.html, .htm

注释：

1.2html框架：标记

乱码问题：在浏览器上设置编码方式、在HTML的head里面加上编码设置

<head> 
	<title>我的页面</title>
	<meta charset=utf-8>
</head>

我的第一个html页面

head:是HTML文件的头，不同来做显示

title：标题

body :正文部分，用来显示

meta charset=utf-8:用来告诉浏览器文字编码，可用gbk,gb2312等国标码，但更多的电脑支持utf-8

!DOCTYPE html:告诉浏览器HTML是遵循HTML5的标准

2.1段落：（一般浏览器会忽略掉页面的回车、换行、空格，所以需要HTML标记。）

标签表示段落，自带换行效果。

<p>  一个段落</p>     表示一段的开始：<p>     结束：</p>

换行：
或者

第一级标题

单独占据一行

第二级标题

浏览器需要的话，把字符（单词）分开:

2.2字体样式：（这些标记在html中可以用样式表css来实现视觉效果）

表示加粗表示斜体，二者可以嵌套使用

com：等宽的西文字体

字体变小

del删除，ins 增加（二者具体显示根据浏览器）：我的~~第一个~~第二个html页面

~~yyy~~不被经常使用的，过时的，很多浏览器不支持。

a²+b₀

高亮

2.3短语格式(不会引起分行)

em强调

Strong着重 提醒重要性

definition定义

code代码

samp例子代码

kbd用户输入

variable变量

cite引用

总结比较：

(1) 加粗：

bold缩写，仅仅表示该文本是粗体，并不暗示这段文字的重要性

更多的是强调语义上的加重，提醒用户该文本的重要性，在SEO时，推荐使用

（2）斜体：

是italic缩写，仅仅表示该文本时斜体的，并不暗示这段文字的重要性

是Emphasized的缩写，虽然是斜体，但更多强调的是语义上的加重，提醒用户该文本的重要性，常常用于引入新的术语的时候使用。

3.1特殊格式

Rm 401 CPK West Wing

玉泉 Camps

浙江 U

blockquote 缩进

q:小引用

int main(){
	printf("hello\n");
	return 0;
}

3.2属性(标记变量=值)：属性名和属性值

：分割线，没有结束的标记

PRC

所有的html标记可以加title

刘昊然真的好好哦

一些特殊的字符表示：

a<2> & & & Lü LÜ;

4

4.1列表

慢慢
Lu
夜行记

慢慢
Lu
夜行记

慢慢
Lu:
- 广州
- 上海
- 北京
夜行记

luhan

a star

4.2图片(不能够自己居中，需放在其他居中的标签中，常放在div中居中)

lhr

内联框架：网页中插入网页

4.3超链接

跳转到另一个网页：百度 target在新的页面打开超链接

跳转到一个段落：

刘昊然

hhhhh,lhrzhenhaokan!!

4.4 表格

table ：表 tr:行 td:格 th:表头(加粗) thead :包含的是表头，被浏览器识别

tbody tfoot

<thead>
<tr bgcolor="#ddd">
    <th>1</th>
    <th>2</th>
    <th>3</th>
</tr>
</thead>
<tbody>
<tr>
    <td>慢慢</td>
    <td>Lu</td>
    <td>夜行记</td>
</tr>
<tr>
    <td colspan="3">我们的明天</td>
</tr>
</tbody>

4.5

块标签：div span 用来布局，无任何明显显示效果，通常结合CSS进行页面布局

div是块元素，即自动换行，常见的块元素还有h1,table,p

span是内联元素，不会换行，常见的内联元素由img,a,b,strong

字体元素font：常见属性color，size

5.表单元素：

(1)文本框:只能输入一行、文本框的高度size、初始值value、有背景框的文本框placeholder

文本域：输入多行,有滚动条设置宽度和行数cols,rows

(2)密码框：输入的数据会自动显示为星号

(3)表单：用于向服务器提交数据

提交方式 method=post/get，默认get方式提交数据，

get:提交在地址栏中可以看到提交的参数，是默认的方式，通过一个超链接方式访问，在地址栏中直接输入

post:如果要提交二进制数据，如文件，必须使用post方式。

(4)单选框：默认选中 checked

分组，多个单选框，在一个分组，只能选择一个单选框（设置属性name相同即可）

(5)复选框：

(6)下拉列表：设置高度：size 设置多选：multiple(使用CTRL或shift进行多选) 默认选中selected=“selected”

1 2 3 1 2 3 1 2 3

(7)按钮：

普通按钮（不具备提交form效果）：

提交按钮（提交form，把数据交到服务端）：

重置按钮（把输入框的改动复原）：

(8)图像提交：使用图像作为按钮进行form的提交

(9)按钮标签：

按钮标签：相比于普通按钮，标签里的内容可以是文字，也可以是图像

按钮

提交数据：登录

甜甜小栗子吖

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端的学习

HTML入门 1.1#定义：（HyperText Markup Language,HTML）超文本标记语言。“网页创建和其他可在浏览器看到的信息”设计的一种标记语言。HTML是由一套标签组成，通常就叫标签。软件：需要准备文本编辑器（可用记事本，pspad），浏览器。文件后缀：.html, .htm 注释： 1.2html框架：标记乱码问题：在浏览器上设置编码方式、在HTML的head里面加上编码设置 <head> <title>我的页面
复制链接

扫一扫