HTML学习

e'q'we'c

已于 2022-01-20 18:19:41 修改

阅读量141

点赞数

文章标签： html 前端 css

于 2022-01-16 01:04:51 首次发布

本文链接：https://blog.csdn.net/m0_51031854/article/details/122512542

版权

基本概念

静态网页

页面内容基本不变了,修改代码才能修改页面

动态网页

代码不变但是内容可以根据时间,环境,数据库改变

www

world wide web

url

uniform resourse locater统一资源定位符

http

超文本传输协议

html

超文本标记语言

文件访问

/代表根目录
./点斜杠表示当前目录
…/返回上一级

头部标记

head包括脚本css等等

<head>
<title>//窗口标题
</title>
<link rel="规定当前文档与被链接文档之间的关系。" href="位置" type="规定被链接文档的 MIME 类型。">//窗口图标
<meta name="类型" content="内容"> 
</head>

主体标记

<body>
可以设置
bgcolor背景颜色,
text字颜色,
background背景图片  
alink,vlink可以设置链接颜色
left right top bottommargin页边距

<a href="">链接名字</a> 
</body>

文字与段落

1. 普通文字直接输入
2. &nbsp空格,其他符号搜索
3. 注释<!--注释--> 
4. <font face="字体" size="22px" color="red">输入内容</font>
5. 加粗斜体等等搜搜,反正放在两个标志中间就行
6. <h1 align="对齐方式left right center"></h1>
7. <p align=对齐方式>段落内容</p>
8. <br/>换行
9. <center></center>
10.<hr>

列表

有序列表

<ol type="a">根据type选择序号
<li>嘻嘻嘻</li>
</ol>

无序列表

<ul type="circle">根据type选择序号
<li>嘻嘻嘻</li>
</ul>

图片

框架结构

<frameset>可以设置边框横竖排列
<frame src=""></frame>
<frameset>

超链接

<a href="www.baidu.com"  target="名字">百度</a>超链接
<a name="书签名">第一章</a>书签
<a href="xxx.html#书签名">第一章</a>引用书签 
<a href="文件路径">快乐文档</a>下载

表格

<table>border bordercolor 
<caption></caption>标题

<tr>
<th></th>这里会加粗
</tr>

<tr>行
<td>格子
</td>
</tr>

<tr>
<td colspan="2">跨列
</td>
</tr>
</table>

表单

<form>
账号<input type="" name="">单标签
radio单选通过name分组
checkbox多选
submit
reset
<select>
<option>
</option>
</select>
<textarea>文本域
</textarea>
</form>

CSS

使用选择器改变

<style>head引入css
标签选择器p {color: red;}
id选择器#id{}
类选择器。class{}
属性选择器a[href]{}
派生选择器p a{}
</style>

引入css

head里style
直接内联<div style="color: red;font-size: 33px">
链接方式head里引入css文件
<link rel="stylesheet" type"text/css" href="xxxx.css">

div布局

JavaScript

<script>
window.alert("警告")
document.write("abc").innerHTML
document.getElementById("id")
console.log()

var zzz = 1;
const修饰常量
var stu={
name:a,
age:22
}
var arr=new Array("数组")
函数
function name(参数x,y){代码return x+y}

</script>

引入js

1.<script></script>
2.<script src=""></script>
3.<button onclick="javascript:alert("点击")">

e'q'we'c

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习

文章目录基本概念静态网页动态网页wwwurlhttphtml文件访问头部标记主体标记文字与段落列表有序列表基本概念静态网页页面内容基本不变了,修改代码才能修改页面动态网页代码不变但是内容可以根据时间,环境,数据库改变wwwworld wide weburluniform resourse locater统一资源定位符http超文本传输协议html超文本标记语言文件访问/代表根目录./点斜杠表示当前目录…/返回上一级头部标记head包括脚本css等等<head&g
复制链接

扫一扫