欢迎光临散文网 会员登陆 & 注册

黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移

2023-06-12 20:02 作者:酸辣菜_  | 我要投稿

声明文件类型<!DOCTYPE html>

<meta charset="UTF-8"> 字符类型

<title></title> 网页名

<body></body> 内容

<h1~h6></h1~h6> 由大到小的标题

<p></p> 段落标签

<br> 换行

<strong></strong>或<b></b>加粗

<em></em>或<i></i>倾斜

<del></del>或<s></s>删除线

<ins></ins>或<u></u>下划线

<div></div>独占一行

<span></span>组合文档中的行内元素

<img src="文件地址或输入图片网址" alt="可替换的文本" title="鼠标移至图片上显示的文本" width="宽" height="高"/>

网络照片实例<img src="http://www.itcast.cn/2018czgw/images/logo.png" />

同一级路径直接输入文件名,下一级路径则在前加上文件夹名如img/tianjiao.jpg。上一级路径则../文件名.jpg 。

<a href="网址或其他文件">文字或图片</a>超链接标签,可做目录快速移动

<a hred="#id">跳转</a> <h1 id="id">首页</h1>

&nbsp 空格符号 &lt&gt 分别为<>

表格基础语法

<table>

<tr><td>姓名</td> <td>性别</td> <td> 年龄 </td></tr>

<tr><td>刘德华</td> <td>男</td> <td> 56 </td></tr>

<tr><td>张学友</td> <td>男</td> <td> 58 </td></tr>

</table>

表格头单元格标签<tr><th>姓名</th> <th>性别</th> <th> 年龄 </th></tr>

跨行合并单元格(colspan="...")跨列合并单元格(rowspan=“...”)

无序列表

<ul>

<li></li>

<li></li>

</ul>

有序列表

<ol>

<li></li>

<li></li>

</ol>

自定义列表

<dl>

<dt></dt>

<dd></dd>

<dd></dd>

</dl>

表单域(是一个包含表单元素的区域,会把它范围内的表单元素信息提交给服务器)

<from action="url地址" method="提交方式" name="表单域名称"></from>

input 表单元素

<input type="类型" name="类名" value="显示文本" maxlength="最大字数">

<input type="text" name="username" value="请输入用户名" maxlength="6">

<input type="password" name="pwd" >

type="radio" 可实现单选,name是表单元素名字 单选按钮必须有相同的名字name 才可以实现多选1。

checked="checked"属性, 当页面打开的时候就可以默认选中这个按钮

type="reset"重置

type="button"创建按钮

type="file"选择文件上传

label标签

<label for="text"> 用户名:</label> <input type="text" id="text" >

可使我们在网页中点击用户名可以输入文本

下拉表单

<select>

<option>选项一</option>

<option>选项二</opti...

</select>

<option selected="selected">火星</option>默认选取

textarea文本域:

<form>

今日反馈:

<textarea cols="50" rows="5"> </textarea></form>

cols是宽度 rows是高度

CSS样式

基础语法:

在<head></head>中添加<style></style>在其中修改样式

选择器 {样式}

给谁改样式 {改什么样式}

p {

color:red; 颜色

font-size:24px; 字体大小

text-alibng:center; 文字居中

}

标签选择器:

标签 {

修改样式

}

类选择器:

.类名{

修改样式

}

<p class="样式名">绝世放天骄</p>

<div class="样式名1 样式名2">绝世放天骄</div>

id选择器:

#pink {

color:pink;

}

<div id="pink">迈克尔·杰克逊</div>

同配符选择器:

*{

color:pink;

}

可将全部内容改成pink色

文字属性

1.字体 font-family: '字体名,字体名,字...';注意用逗号隔开!如有带空格的字体名则带引号。

2.大小 font-size: 16px; px=像素

黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移的评论 (共 条)

分享到微博请遵守国家法律