科技资讯

Document

JavaWeb开发

Web：全球广域网，也成为万维网（www World Wide Web），能够通过浏览器访问的网站。

初始web前端

 什么是HTML、CSS？

 一、HTML快速入门

1、HTML结构标签

<html>
        <head>
                <title>HTML快速入门</title>
        </head>
        <body>
               <h1>Hello HTML</h1>
               <img src="1.jpg"/>
        </body>      
</html>

2、特点

HTML标签不区分大小写；HTML标签属性值单双引号都可以；HTML语法松散。

3、基础标签&样式

  • 标题

 注：修改后需要进行保存（ctrl+s），推荐使用相对路径。

 注：当三种选择器同时存在时，优先级顺序为：ID选择器>类选择器>元素选择器。

<span>标签是一个在开发网页时大量会用到的没有语义的布局标签。

特点：一行可以显示多个（组合行内元素），宽度和高度默认由内容撑开。

CSS属性：

color：设置文本颜色

font-size：字体大小（注意：记得加px）

  • 正文

 1、换行、段落标签

换行：<br>;段落：<p>

3、文本加粗标签

<b>  <strong>

4、CSS样式

line-height:设置行高

text-indent:定义第一个行内容的缩进

text-align:规定元素中的文本水平对齐方式

 注意：在HTML中无论输入多少个空格，只会显示一个。可以使用空格占位符：&nbsp；(要生成几个就写几个)

4、超链接

  • 标签：

<a  href=". . ." target=". . .">央视网</a>

  • 属性：

herf:指定资源访问的ur1

target:指定在何处打开资源链接

_self:默认值，在当前页面打开

_blank:在空白页面打开

 CSS属性：

text-decoration:规定添加到文本的修饰，none表示定义标准的文本。

color：定义文本的颜色。

5、页面布局

 

6、表格标签 

 7、表单标签

 注意：表单项必须有name属性才可以提交。