WEB前端作业—第一章

最新推荐文章于 2024-05-05 02:48:42 发布

牧十三

最新推荐文章于 2024-05-05 02:48:42 发布

阅读量302

点赞数

文章标签： html web

本文链接：https://blog.csdn.net/zy1771066782/article/details/104504690

版权

HTML

是超文本标记语言，表现如文字，视频，音频程序等复杂元素

标签

组成：标签名、属性名（名称值对的形式）、内容
属性：属性类似给标签内容加个容器（装备），让标签具有特殊的功能

<a href="http://www.baidu.com">百度</a>

表单标签

thead tr th
thead tr td
建议定义表格时，tbody、thead都描述出来

 <table border="1">
	<thead >
		<tr>
			<th>表头</th>
			<th>表头</th>
		</tr>
	</thead>
	<tbody>
    	<tr>
    		<td>内容</td>
			<td>内容</td>
		</tr>
	</tbody>
</table>

action：submit操作执行请求地址
method:制定请求的类型get/post
form表单提交不一定通过submit提交，可以通过Ajax请求序列化表单（serialize（））的方式完成表单数据的提交
Ajax序列化就是form的数据构建为名称值对的字符串统一提交到后台
通过表单form提交和Ajax提交方式原理是不一样的设计方式

表单元素标签
通过submit提交，浏览器会把表单元素的数据以名称值对的形式提交给服务器(一个页面可以有多个form表单，Ajax请求可以不要求有form存在)

<input>:type(text,password,radio,checkbox,hidden)
<select>
<textarea>

标签的语义

使用带语义的标签可以让搜索引擎快速进行收录
虽然不同的标签能够达到相同的显示效果，但建议使用语义化标签+CSS样式去控制

<h1></h1>、<h2></h2> /*标题，类似Word标题*/
<div></div>、<span></span>/*布局*/

浏览器

浏览器就是解析HTML、CSS、JavaScript、图片、音视频等内容的运行环境
IE/Friefox/chrome/opera,其中Chome、Firefox称之为标准浏览器，不同的浏览器是细微的差异，考虑兼容性

文档结构

/*！+tab自动出来*/
<!DOCTYPE html>
/*放在所有的文档标签之前，用于说明文档使用的HTML或XXHTML的特定版本并告诉浏览器用什么方式解析*/
<html lang="en">/*页面开始*/
<head>
/*网页头部信息 不显示在页面内 title meta(http-quive页面属性 content name charset  ) base link script style*/
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>/*网页主体 css html js*/
	
</body>
</html>/*页面结束*/

CSS
在这里插入图片描述

层叠样式表，元素样式可以通过多种方式进行叠加
HTML本身不具备样式，但是在不定义样式情况下，不同的标签也表现出不同的显示样式，原因是浏览器对于不同的标签是有默认样式的
外部样式定义页面的样式（降低代码耦合度），让设计师设计页面（可以让不同的人在不同页面修改文件，各司其职）

盒子模型
在这里插入图片描述

1440*153 :height width
padding  :内边距
border   :样式边框大小
margin   :外边距

需要掌握的内容
1.Div+CSS布局基础，充分理解盒子模型，box-sizing的使用
2.样式选择器！D（#）、class（.）、标签（div a span)

JavaScript

JavaScript示弱类型语言，而且书写比较随意
通过var关键字定义
关于JavaScript判断条件数字0和非0，表示false和true
有三种分支结构

需要掌握的内容

对应JavaScript的认识，理解JavaScript的作用业务逻辑处理
对DOM书进行操作：通过事件驱动（DOM树中元素的增删查改，特别是：该内容，改样式）
三目运算符需要熟练掌握，本质上是一个表达式

牧十三

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
WEB前端作业—第一章

HTML是超文本标记语言，表现如文字，视频，音频程序等复杂元素标签组成：标签名、属性名（名称值对的形式）、内容属性：属性类似给标签内容加个容器（装备），让标签具有特殊的功能<a href="http://www.baidu.com">百度</a>表单标签thead tr ththead tr td建议定义表格时，tbody、thead都描述出来 &...
复制链接

扫一扫