当前位置：网站首页>2022-07-09 第五小组瞒春学习笔记

2022-07-09 第五小组瞒春学习笔记

2022-08-02 14:21:00 【烫嘴的辛拉面】

今天主要进行了html 的学习。

link:链接css引入css样式

style ：定义css样式

script：定义js 也可以引入js

h1~h6:标题标签，字体

p：段落上下空一行

br:换行回车

b:加粗

code:计算机代码

em:强调文本字体倾斜

i:斜体

pre:预格式正常写文档

small：更小的字体

strong：加粗

abbr：缩写

address:地址

bdo:文字方向

blockquote:从其他地方引入文字

cite：工作

sub:下标文本

sup:上标

‌ins：插入文本

超级链接：a <a href="" target="_" title="">文字</a>

1默认找的当前项目下的地址 2http 地址要完整域名

../返回上一级目录

target目标： _blank在新窗口打开 _self 在当前窗口打开不写默认当前

title鼠标悬停提示

图片链接：img src=""

邮箱：

锚记链接：Ftips

a id="tips"

图片：<img src="">height="" width="" alt="(加载不出来时候)" 宽高只用一个

align:对齐方式

marquee: 弹幕 loop循环

div空白那一块可以有宽高

span空白行没有宽高

无序列表：ul+li ul type="" （点的形状）

有序列表：ol+li 带序号

自定义列表：dl+dt+dd dt dd可以并列

表格：1*1表格

<table>

<tr>// 行tr

<td></td>//列

</tr>

table>tr*5>td*5 按tab键（列表也可以）

tr>th 加表头 td tr colspan=“5”合并5个横格 rowspan 合并竖着的单元格

thead 包裹表头

tbody 数据

tfoot 网页最下边 shift+alt+f自动整理

iframe 框架内嵌其他网页 src="html08.html" height width

src 目标页面的路径

<p> 转义字符空格 & =& 版权号：；

hr水平分割线

表单元素

form 要想有提交必须有form

action数据的提交地址 method : get 提交的数据都会显示在地址栏地址栏长度有限

post不显示会封装一个请求体长度不限

<p>性别：<input type="radio" name="gender">男

<p>爱好：<input type="checkbox" checkde>游泳

</select></p>

</form>

checked:默认选择

select:选项框

submit:提交 <button>文字</button> 提交不写就是submit

type=button自定义.

注释: (ctrl+/)

提交和重置按钮，只能控制和他们在同一个form标签里的元素

<textarea cols="" rows="">文本区域

input type="check..."

maxlength:最大长度

value: 文本框里的内容就是value value=“密码不能大于6位”

disable失效按钮之类的地方

placeholder 类似水印

required：必填

浏览器开发工具 f12

id：每个html元素的唯一标识（不能重复）

name:

元素elements ntework网络

表单提交的数据格式：username=admin等号左边表单元素的name属性，右边value属性

HTML5

nav导航栏 aside侧边栏 footer网页脚 header网页头 time定义日期或时间

分两大类：行级元素不能自己换行 span

块级元素 div

css 层叠样式表

样式通常存储在样式表中

把样式表添加到html元素里

定义css方式：

1 <p style="">文本</p> (不需要复用时)

行内样式；内联样式 <p style="background-color:red;">文本</p>

2 嵌入样式

标签选择器

<head>

<style>

/* 根据标签来命名标签选择器让页面所有p都变化*/

background-color: red;

}

</style>

</head>

<body>

</body>

类选择器 class

<head>

<style>

/* 声明一个样式并起名类选择器*/

.bg{background-color: aqua;}

</style>

</head>

<body>

</body>

id选择器（不常用） #

<head>

<style>

/* id选择器*/

#java{background-color: blue;}

</style>

</head>

<body>

</body>

3 外部样式

<head>

</head>

<body>

</body>

css

.bg{background-color: aqua;}

div{background-color: aliceblue;}

掌握较为不熟练，不能熟练运用，可能是由于学习时间较短

晚上进行练习

原网站

版权声明
本文为[烫嘴的辛拉面]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_49405762/article/details/125729950

当前位置：网站首页>2022-07-09 第五小组瞒春学习笔记

2022-07-09 第五小组瞒春学习笔记

边栏推荐

猜你喜欢

随机推荐

当前位置：网站首页>2022-07-09 第五小组 瞒春 学习笔记

2022-07-09 第五小组 瞒春 学习笔记

边栏推荐

猜你喜欢

随机推荐

当前位置：网站首页>2022-07-09 第五小组瞒春学习笔记

2022-07-09 第五小组瞒春学习笔记